html5（七） Web存储

浏览数：21 / 时间：2015年06月09日

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(){
       
}