HTML5 web存储

HTML5里提供了一种便捷的数据存储方法,和原本的饼干君相比,他的优点是可以存储较大的数据。

打开浏览器的开发人员工具可能会发现下面这个东西[红框里的东西]

这就是本文讲的HTML5浏览器存储:localStorage和sessionStorage。

首先是localStorage,这是一个没有时间限制的存储方式,所以只要不手动清除就会永远留在浏览器里。
偶来讲讲他的使用方法

这就讲完了,似乎很简单的样子嘛,就和设置一个变量的感觉一样。
然后要读取数据的时候只要

这样就读取出来了。
再来举个明确的例子

然后就会跳出一个提示框上面显示“喵的一声路过了~”

然后是sessionStorage,它和localStorage的区别在于关闭浏览器以后数据就会消失,用法和localStorage是差不多的,只是把localStorage改成sessionStorage。

.

中文w3 web storage教程





如文中无特殊说明,本站均使用以下协议:知识共享许可协议
知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本博客使用Disqus评论系统,如果看不到评论框,请尝试爬墙。