美文网首页
本地存储:localStorage

本地存储:localStorage

作者: 西瓜炒苦瓜 | 来源:发表于2017-06-21 21:39 被阅读30次

1.本地存储:localStorage

在最新的JS的API中增加了localStorage对象,以便于用户存储永久存储的Web端的数据。而且数据不会随着Http请求发送到后台服务器,而且存储数据的大小机会不用考虑,因为在HTML5的标准中要求浏览器至少要支持到4MB.所以,这完全是颠覆了Cookie的限制,为Web应用在本地存储复杂的用户痕迹数据提供非常方便的技术支持。那接下里分别介绍一下localStorage的常用的方法,当然基本上跟sessionStorage是一致的。

localStorage提供了四个方法来辅助我们进行对本地存储做相关操作。

(1)setItem(key,value):添加本地存储数据。两个参数,非常简单就不说了。

(2)getItem(key):通过key获取相应的Value。

(3)removeItem(key):通过key删除本地数据。

(4)clear():清空数据。

<script>

           //添加key-value 数据到 sessionStorage

           localStorage.setItem("demokey", "http://blog.itjeek.com");

          //通过key来获取value

          var dt = localStorage.getItem("demokey");

          alert(dt);

           //清空所有的key-value数据。

           //localStorage.clear();

          alert(localStorage.length);

</script>

相关文章

网友评论

      本文标题:本地存储:localStorage

      本文链接:https://www.haomeiwen.com/subject/obkdqxtx.html