webStorage
HTML5中的webStorage是新型的本地存储技术,这种技术在今天的浏览器中基本上已经全部支持(IE8以上)。
•localStorage的浏览器支持情况
•localStorage与cookie
•localStorage的基本使用
•localStorage的操作方法
•storage事件
客户端存储有两个对象:
•localStorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
•sessionStorage:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
localStorage的基本使用
localStorage是window对象下的一个属性对象,所以我们在使用的时候可以直接按照平时的对象的使用方法。
console.log(window.localStorage);
console.log(localStorage);
// 设置
localStorage.obj = {
name:'tom',
age:20
};
console.log(localStorage.obj);//[object Object]
localStorage.name = 'haha';
console.log(localStorage.name);// 'haha'
// localStorage下的obj属性并不会打印出来
console.log(localStorage.obj.name);// undefined
localStorage的操作方法
•length:存储的键值对数量。
•setItem(key,value):写数据。
•getItem(key):根据key读数据。
•removeItem(key):根据key删除数据。
•clear():删除所有数据。
•key(index):获取index位置的key。
storage事件
•key:发生变化的键名。
•oldValue:更新前的值。
•newValue:更新后的值。
•url:触发storage事件的地址。