SessionStorage
临时存储,关闭页面自动回收,不可跨页面交互,不可存储持久化数据
sessionStorage.setItem('key1','value1');
sessionStorage.getItem('key1');
console.log(sessionStorage['key1']);
Cookie
兼容性最好,几乎所有浏览器都支持,大小有限制,每次发送请求,请求头都会携带cookie
userData
单文件大小限制 128kb,一个域名下可以保存1024kb,文件个数不限制
openDatabase
<script>
var database = openDatabase('teacher','1.0','教师表',1024 * 1024,function () {
});
if (!database){
alert('创建数据表失败')
} else {
alert('创建数据表成功')
}
function create() {
database.transaction(function (context) {
context.executeSql(
'create table if not exists teacher (id REAl UNIQUE,name TEXT)',[],
function (context,resultSet) {
alert('11');
},
function (context,error) {
alert('22');
}
)
});
}
function insert() {
database.transaction(function (context) {
context.executeSql(
'insert into teacher (id,name) values(?,?)',["1","cc"],
function () {
console.log('添加成功');
},
function (context,error) {
console.log('添加失败')
}
)
})
}
</script>
LocalStorage
兼容性中等,以key-value方式存储,存在大小限制,IE 9/10不支持,不同浏览器不能交互读取,按各个域名进行存储
localStorage.setItem('key1','value1')
localStorage.getItem('key');
console.log(localStorage['key1']);
网友评论