h5本地存储localStorage,sessionStorage。 localStorage是没有失效时间的什么是浏览器本地存储,sessionStorage的声明周期是浏览器的生命周期。 当浏览器关闭时,sessionStorage的数据将清空,而localStorage数据只要不通过代码特意的删除或手动删除,是永久保存的。 删除方法:localStorage.clear()下边是我写的一个小测试,里边有用到localStorage
1.在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
localStorage 方法:
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。
如何创建和访问 localStorage:
实例:
<script type="text/javascript">
localStorage.lastname="Smith"
document.write(localStorage.lastname)
</script>
下面的例子对用户访问页面的次数进行计数:
总结:html5 的 localStorage 用于存储一些临时的离线数据
localStorage 和 file、database 一样,是存储,有永久性质。
你存入数据库的数据,不会在某一天突然被删除了。
你保存到硬盘里面的文件,也不会再某一天突然消失了。
所以什么是浏览器本地存储,localStorage 本身没有时效性,因为 storage 毕竟不是 cache。
因此,只能用 js 手动清除了。
基本使用方法如下:localStorage.name = "k1w1"这样的话,你的本地磁盘中就会有个数据库存下了这个数据。我无法接受数据写到了我的本地磁盘而我找不到它的确切位置,于是通过寻找发现:Chrome 的存储方式是以sqlite的数据库文件形式存储。存在C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中,虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件,可以用sqlite打开,并看到其中的数据。这么蛋疼的找它存在哪里是因为我想删掉在学习使用local storage时产生的一些垃圾数据,有点电脑洁癖。就像当初我喜欢选择性删除cookies一样。Firefox存在哪里暂时没有找到,感觉像是被加了密的sqlite数据库文件(这样的话firefox的安全性就高一些了),不过我每次关掉firefox它都会自动删掉所有浏览数据,所以也暂时不想找它存在哪了。
版权声明
本文仅代表作者观点。
本文系作者授权发表,未经许可,不得转载。
发表评论