HTML 5之localStorage常用API

2024年4月6日 178次阅读 来源: zhouzhou

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
    原文地址: https://segmentfault.com/a/1190000011721900
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞