Javascript 为什么存储不能持久化？

我遇到了一个简单的问题，在事件侦听器事件之后，我将一些测试数据设置到本地存储

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

我的问题是：

它将dat添加到我当前所在页面上的会话存储中，但当我导航到新页面时，dat不会持久化

---

我错过了什么？

你错过的是会话存储。发件人：

sessionStorage属性允许您访问会话存储 当前原点的对象。会话存储类似于 本地存储；唯一的区别是数据存储在localStorage中 没有过期时间，存储在sessionStorage中的数据将被清除 当页面会话结束时。页面会话的持续时间与 浏览器处于打开状态，并且在页面重新加载和恢复过程中仍然有效。开张 新选项卡或窗口中的页面将导致启动新会话 具有顶级浏览上下文的值，该值与 会话cookie如何工作

---

考虑改用本地存储。它将保留在新选项卡上并重新加载

您错过的就是会话存储。发件人：

sessionStorage属性允许您访问会话存储 当前原点的对象。会话存储类似于 本地存储；唯一的区别是数据存储在localStorage中 没有过期时间，存储在sessionStorage中的数据将被清除 当页面会话结束时。页面会话的持续时间与 浏览器处于打开状态，并且在页面重新加载和恢复过程中仍然有效。开张 新选项卡或窗口中的页面将导致启动新会话 具有顶级浏览上下文的值，该值与 会话cookie如何工作

---

考虑改用本地存储。它将保留在新选项卡上并重新加载

请看：尝试本地存储我现在看到错误了，尝试使用本地存储也不起作用：上面的代码没有使用本地存储做任何有用的事情，您将persondetails设置为person，然后您在persondetails上读取值，并且不做任何处理。你期望它做什么？@Keith我想将persondetails设置为本地存储，以便它持续到下一页。请看：尝试LocalStorageI现在发现错误，尝试使用本地存储也不起作用：你上面的代码没有使用localStorage做任何有用的事情，你将persondetails设置为person，然后你在persondetails上读取值，什么也不做。你希望它做什么？@Keith我想将persondetails设置为本地存储，以便它持续到下一页。谢谢你的帮助！我尝试了当地的storafge，但它无法在下一页继续查看编辑谢谢帮助！我在那里尝试了本地storafge，但在下一页看编辑时它不会持久