localStorage与sessionStorage 的区别

Posted 礼拜16

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了localStorage与sessionStorage 的区别相关的知识,希望对你有一定的参考价值。

通过一枚页面计数器来区别localStorage与sessionStorage。

通过一个计数变量pageconut,每刷新页面,增加的是localStorage的数量,而sessionStorage只记录当前访问数量;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="content-type" content="text/html;charset=gb2312" />
        <title>页面访问数</title>
    </head>
    <body>
        <script>
            if(localStorage.pagecount){
                localStorage.pagecount = Number(localStorage.pagecount) + 1;
            }else{
                localStorage.pagecount = 1;
            }
            
            document.write(总访问数: + localStorage.pagecount);
            
            if(sessionStorage.pagecount){
                sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;
            }else{
                sessionStorage.pagecount = 1;
            }
            
            document.write(当前访问数: + sessionStorage.pagecount);
        </script>
    </body>
</html>

 

以上是关于localStorage与sessionStorage 的区别的主要内容,如果未能解决你的问题,请参考以下文章

localStorage使用总结 JS 详解 Cookie LocalStorage 与 SessionStorage

localStorage 与 sessionStorage

html5 的localstorage与sessionstroge

localStorage 储存与读取

localStorage与location的用法

localStorage与sessionStorage 的区别