html5本地存储localStorage

在一个域名下每个cookie以4kb大小的键值对存在。虽然这样的存储量基本够用,不过如果服务端也在用,数据有可能不够用,而且使用cookie存储数据会造成五位的网络负担。现在主流浏览器基本支持web的本地存储localstorage,localstorage的值以键值对方式存在代码如下:

//设置值
localStorage.a = 3;
localStorage['a'] = 'abc';
localStorage.setItem('b','abc');
//获取值
var a1 = localStorage['a'];
var a2 = localStorage.getItem('b');
//清除值
localStorage.removeItem('a');

如果想要一次清除所有键值对,可以使用clear()方法,另外可以用key()方法,在不知道键值的时候用以取值,如下所示:

var storage = window.localStorage;
for (var i = 0; i ");
}

需要注意的是,本地存储只能存储字符串,任何格式存储的时候都会被自动转换成字符串,所以在读取时,可以根据需要自己进行类型转换;本地存储是没有时间限制的,并且页面刷新后并不会消失,因此我们可以对用户访问页面次数进行计数等操作。

还有另一种客户端存储数据的方式sessionStorage,这是针对一个session的数据存储,在浏览器关闭后,数据会被删除,有兴趣的可以去参考一些html5文档看看详细内容。?乛?乛?

2017-09-28

0 个评论