Question

我遇到一个简单的问题，在事件监听器事件发生后，我将一些测试数据设置到本地存储中。

    <script>
                document.getElementsByTagName("form")[0].setAttribute("action", "https://www.google.com/");

                document.getElementsByTagName('form')[0].addEventListener('submit',
                function(){
                    alert("Test");
                    localStorage.setItem("persondetails","person");

                });

    </script>

我的问题是：

它将数据添加到我当前所在页面的会话存储中，但是当我导航到新页面时，它不会持久保存。

我想念什么？

Answer 1

您错过的是SessionStorage。来自mdn：

sessionStorage属性允许您访问会话存储当前原点的对象。 sessionStorage类似于 localStorage;唯一的区别是数据存储在localStorage中没有到期时间，存储在sessionStorage中的数据将被清除页面会话结束时。页面会话的持续时间与浏览器已打开，并且可以在页面重新加载和还原后继续存在。开一个新标签页或窗口中的页面将导致启动新会话与顶级浏览上下文的值不同会话Cookie的工作方式。

请考虑改用localStorage。它将保留在新标签页上并重新加载

为什么存储不持久？

1 个答案: