11

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

存储数据

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传参

zhouzhou
1.5k 声望76 粉丝

web前端