localStroage 和sessionStorage的区别

Posted 小星星的star

tags:

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

1、localStorage没有时间限制,除非手动清除浏览器缓存。

2、sessionStroage  刷新页面不会存储的数据不会被清除,当关闭该页面时,数据会清除。以下为示例代码:

<!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>

 

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

本地存储-localStroage/sessionStorage存储

LocalStroage上手:实现一个刷新后仍然存在的ToDoList

localStroage的用法

python 将Firefox sessionstore.js文件转换为html。

SwiftUI 线程 1:致命错误:未找到类型为 SessionStore 的 ObservableObject

Web Storage API : LocalStroage