html5web存储方式

一、web存储方式：

浏览器（客户端）访问服务器端的时候，携带的数据，之前这些数据保存在cookie中，但是cookie保存的数据大小有限

html5的web存储

html5的web存储分为：

localStorage：

sessionStorage：

他们的区别在于：localStorage 存储在客户端，大小没有限制，时间也没有限制

sessionStorage: 在当前访问的页面，一旦关闭这个页面，下次在访问的时候就会释放变量

唯一的区别就在于，sessionStorage 保存的是当前访问的页面

1、localStorage 和 sessionStorage把数据保存到本地,下次直接可以访问到跟php中的session相似

3种设置本地存储的方法：

　　localStorage.t1 = ‘php’;

　　localStorage[‘t1’] = ‘cache’;

　　localStorage.setItem(‘t1’,’php’);

3种访问本地存储的方法：

　　localStorage.t1;

　　localStorage[‘t1’];

　　localStorage.getItem(‘t1’);

   localStorage.getItem(localStorage.key(0))

删除存储内容：

　　localStorage.removeItem();  //清除

　　localStorage.clear()            //清除所有

　　localStorage.length        //获得有多少键

　        　localStorage.key() //获得存储的键对应的内容,获得元素的下标,下标从0开始

            localStorage.getItem()  通过下标获得对应的值