资讯专栏INFORMATION COLUMN

HTML 5之localStorage常用API

jsummer / 604人阅读

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

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.removeItem("name");
localStorage.name = "";            //只能设置为空字符串,并不能彻底清除
全部清除数据
localStorage.clear(); 
localStorage特点

无法跨域,同源下才可读写

将数据存储为JSON字符串

有一定的存储大小限制,各浏览器不一致,经实测chrome为5M

不能够被爬虫爬取,所以不能替代URL传参

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/60213.html

相关文章

  • 详说 Cookie, LocalStorage 与 SessionStorage

    摘要:顾名思义,确实非常小,它的大小限制为左右,是网景公司的前雇员在年月的发明。是标准中新加入的技术,它并不是什么划时代的新东西。特性与的接口类似,但保存数据的生命周期与不同。但当页面关闭后,中的数据就会被清空。 本文最初发布于我的个人博客:咀嚼之味 最近在找暑期实习,其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西,问题大多是这样开头的:你用过什么HTML5的技术呀?...

    endless_road 评论0 收藏0
  • 前端存储 - localStorage

    摘要:发布自的博客,欢迎大家转载,但是要注意注明出处介绍在中,引入了两个新的前端存储特性这两者非常相似,都是用来在前端保存一定量的数据,称为前端存储,但是这两者仍然存在一定区别生命周期的生命周期是永久的,即使关闭页面浏览器,其中的内容也不会消失, 发布自Kindem的博客,欢迎大家转载,但是要注意注明出处 localStorage 介绍 在HTML5中,引入了两个新的前端存储特性: loc...

    DandJ 评论0 收藏0
  • 前端存储 - localStorage

    摘要:发布自的博客,欢迎大家转载,但是要注意注明出处介绍在中,引入了两个新的前端存储特性这两者非常相似,都是用来在前端保存一定量的数据,称为前端存储,但是这两者仍然存在一定区别生命周期的生命周期是永久的,即使关闭页面浏览器,其中的内容也不会消失, 发布自Kindem的博客,欢迎大家转载,但是要注意注明出处 localStorage 介绍 在HTML5中,引入了两个新的前端存储特性: loc...

    phodal 评论0 收藏0
  • Web存储LocalStorage初探

    摘要:存储之初探的发布和定稿为前端界带来巨大的变化,新增的和特性给业务带来了更多可能性,让用户体验拥有了更可能的丰富。只读返回一个整数,表示存储在对象中的数据项数量。会在过期时间之后销毁。安全性方面,中一般不建议存储敏感信息。 Web存储之LocalStorage初探 HTML5的发布和定稿为前端界带来巨大的变化,新增的API和特性给业务带来了更多可能性,让用户体验拥有了更可能的丰富。 · ...

    wpw 评论0 收藏0
  • Web存储LocalStorage初探

    摘要:存储之初探的发布和定稿为前端界带来巨大的变化,新增的和特性给业务带来了更多可能性,让用户体验拥有了更可能的丰富。只读返回一个整数,表示存储在对象中的数据项数量。会在过期时间之后销毁。安全性方面,中一般不建议存储敏感信息。 Web存储之LocalStorage初探 HTML5的发布和定稿为前端界带来巨大的变化,新增的API和特性给业务带来了更多可能性,让用户体验拥有了更可能的丰富。 · ...

    ityouknow 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<