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。