localStorage和sessionStorage的使用

来源:互联网 发布:mac装win7虚拟机镜像 编辑:程序博客网 时间:2024/05/21 01:44


相信很多人都见过这两个关于HTML5的新名词!


HTML5种的web storage包含两种存储方式:localStorage和sessionStorage,这两种方式存储的数据不会自动发给服务器,仅仅是本地保存,有大小限制。


localStorage是持久化的本地保存,除非主动删除,不然会一直存在,而且在所有的同源窗口中都是可以共享的;


sessionStorage是会话级别的本地保存,比如一个页面关闭的时候该页面设置的sessionStorage数据会自动消失,在不同浏览器窗口不会共享的,即使是同一个浏览器的同一个页面。




两者拥有一些共同的方法:


//localStorage的使用


window.localStorage.setItem(key,value);//设置指定key的数据(JSON格式)


window.localStorage.getItem(key);//获取指定key的数据


window.localStorage.removeItem(key);//删除指定key的数据


window.localStorage.clear();//清空所有的存储数据






//sessionStorage的使用


window.sessionStorage.setItem(key,value);


window.sessionStorage.getItem(key);


window.sessionStorage.removeItem(key);


window.sessionStorage.clear();
原创粉丝点击