JS中webStorage的介绍使用

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事件的地址。