一、兼容性:如果不考虑ie6、7、8,请尽情使用
二、使用方法:
- 判断浏览器是否支持localStorage
if (!window.localStorage) {
console.log('您的浏览器不支持localStorage');
} else {
console.log('您的浏览器非常给力');
}
- 写入数据
var storage = window.localStorage;
storage.setItem("a", 123);
storage.setItem("b", 345);
//此处有陷阱,请继续往下看
- 读取数据
var a = storage.getItem("a");
console.log(a); //123
console.log(typeof a); //string
注意:
我们存储时候的值为number类型,获取后为string类型
说明localStorage只以字符串形式进行存储
所以在存储之前,请将存储数据转换成string类型
- 获取键(key)
for (var i = 0; i < storage.length; i++) {
var key = storage.key(i);
console.log(key);
}
- 删除数据
storage.removeItem('a'); //删除a字段的数据
storage.clear(); //删除所有数据
console.log(storage); // ''
网友评论