HTML5之本地存储

HTML5本地存储有localStorage和sessionStorage，两者的区别就是localStorage一直保存在本地不会过期，而sessionStorage窗口一旦关闭就没了。两者用法是一样的。



if(window.localStorage){
alert('浏览器支持 localStorage');
}else{
alert('浏览器不支持 support localStorage');
}

存储操作如下

通过键值对应，只能存储字符串，如果是数组可以通过JSON.stringify，来转换

window.localStorage.setItem("FormsData",JSON.stringify($('#form').serializeArray()));

读取

forms_data = JSON.parse(window.localStorage.getItem("FormsData"));

删除

localStorage.removeItem("FormsData");

清空

localStorage.clear();

HTML5还提供了一个key()方法,可以在不知道有哪些键值的时候使用，如下：

var storage = window.localStorage;
function showStorage(){
  for(var i=0;i<storage.length;i++){
  //key(i)获得相应的键，再用getItem()方法获得对应的值
  document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
  }
}