html5 的localstorage与sessionstroge
Posted 珊瑚月
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5 的localstorage与sessionstroge相关的知识,希望对你有一定的参考价值。
localStrorage与sessionStrorage是html5的一个新对象,用来进行本地的存储,当前所有主流浏览器都支持,但是低版本不支持。下面是使用localStorage的一个例子
<div id="tip">我知道了~<div>
js 代码如下
window.onload=function(){ var tip=document.getElementById("tip"); if(localStorage.isKnow==undefined){ localStorage.setItem("isKnow","false"); } else{ if(localStorage.isKonw=="true"){ tip.style.display="none"; } } tip.onclick=function(){ this.style.display="none"; localStorage.setItem("isKonw","true") } }
当我们点击之后,在打开网页会发现我知道了的提示会消失,这是因为用了localStorage进行了本地存储。本文未介绍localStorage与sessionStoge的属性,下面主要介绍两者的作用域与有效期。
sessionStoge:其有效期是会话级别的,当窗口或者标签页关闭的时候,sessionStorage会被删除;其作用域限定在了窗口之中,也就是说两个标签页的sessionStorage对象是不同的,数据不能进行共享。
localStorage:其有效期是永久的,只用当我们在Web应用中刻意删除比如localStorage.clear(),或者用户通过浏览器的选项来进行删除,当然我们可以通过其他的方式来定义它的有效期,比如通过把localStorage封装到一个模块之中;其作用域是文档源的,同源之间的文档共享localStorage。
以上是关于html5 的localstorage与sessionstroge的主要内容,如果未能解决你的问题,请参考以下文章
Html5的localStorage与sessionStorage五种循序渐进的使用方法
HTML5WebSQLDatabase与localStorage用途?
web存储机制(localStorage和sessionStorage)
HTML5 Localstorage & jQuery:删除以某个单词开头的本地存储键