localStroage 和sessionStorage的區別

一、localStorage沒有時間限制,除非手動清除瀏覽器緩存。html

二、sessionStroage  刷新頁面不會存儲的數據不會被清除,當關閉該頁面時,數據會清除。如下爲示例代碼:jquery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>  
</head>
<body>
    <span>0</span>
    <button>add</button>
    <script>
        var num=0;
        $("span").html(sessionStorage.text);
        if(sessionStorage.text){
            num=sessionStorage.text;
        }
        else{
            num=0;
        }
        $("button").click(function(){
            num++;
            sessionStorage.text=num;
            $("span").html(sessionStorage.text);
        })
        
    </script>
</body>
</html>
相關文章
相關標籤/搜索