码迷,mamicode.com
首页 > Web开发 > 详细

html5(七) Web存储

时间:2015-02-06 13:08:04      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

http://www.cnblogs.com/stoneniqiu/p/4206796.html

http://www.cnblogs.com/v10258/p/3700486.html

 

html5中的Web Storage包括两种存储方式:

    sessionStorage: 这个存储机制只在页面会话期间保持数据可用。实际上 与真正的回话不同,通过这种机制存储的信息,只能由一个窗口或一个选项卡访问,一旦窗口关闭,它就消失。但存储规范说的仍然是“会话”,因为即使在窗口刷新或者从同一网站加载新页面的时候,信息仍然保持。

     localStorage:这个机制与桌面应用程序的存储机制类似。存储的数据永久保持,创建数据的应用程序一直可以使用数据。

它们的工作接口类似,共享相同的方法和属性。

提示:多数浏览器只有在源是真正的服务器时,才能正常处理这些API。

setItem(key,value) 创建数据

getItem(key)  获取数据

removeItem(key) 移除某个数据

clear()  清空整个存储空间。

key(index) 

属性:length 

事件:storage——为应用程序保留的存储的空间中每次发生变化时都会触发这个事件。

 

sessionStorage.setItem(key, value);     

localStorage.setItem(key, value); 


var value = sessionStorage.getItem(key);     
var value = localStorage.getItem(key);

sessionStorage.removeItem(key);     
localStorage.removeItem(key); sessionStorage.clear(); localStorage.clear(); var storage = window.localStorage; for (var i=0, len = storage.length; i < len; i++) { var key = storage.key(i); var value = storage.getItem(key); console.log(key + "=" + value); } window.addEventListener("storage",show,false); function newitem(){ sessionStorage.setItem(key, value); localStorage.setItem(key, value); } function show(){ }

 

html5(七) Web存储

标签:

原文地址:http://www.cnblogs.com/lengp/p/4276764.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!