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。