HTML5之本地存储

yaoliuwei 2016-08-10

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>");
  }
}

相关推荐