码迷,mamicode.com
首页 > Windows程序 > 详细

HTML 5之localStorage常用API

时间:2020-05-08 22:41:15      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:存储大小   set   rom   javascrip   var   rem   name   html   i++   

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

HTML 5之localStorage常用API

标签:存储大小   set   rom   javascrip   var   rem   name   html   i++   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12853399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!