HTML 5之localStorage经常使用API

localStorage用于持久化的本地存储,除非主动删除数据,不然数据是永远不会过时的。javascript

存储数据

localStorage.setItem("name","lily");     //存储名字为name值为lily的变量
localStorage.name = "lily";              //能够用点(.)操做符,及[]的方式进行数据存储

读取数据

localStorage.getItem("name"); 
var name = localStorage.name;
//读取第一条数据
localStorage.key(0);
//遍历localStorage
for(var i=0; i<localStorage.length;i++){
    ......
}

删除数据

localStorage.removeItem("name");
localStorage.name = "";            //只能设置为空字符串,并不能完全清除

所有清除数据

localStorage.clear();

localStorage特色

  1. 没法跨域,同源下才可读写
  2. 将数据存储为JSON字符串
  3. 有必定的存储大小限制,各浏览器不一致,经实测chrome为5M
  4. 不可以被爬虫爬取,因此不能替代URL传参
相关文章
相关标签/搜索