javascript - 在 javascript 中设置和获取 localStorage 在 2 个 html 页面之间不起作用

Question

external.js代码

var global = "parameter";
localStorage.setItem("param", global);
var storedValue = localStorage.getItem("param");
alert(storedValue);

one.html页面代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="external.js"></script>

<a href="two.html" >2nd page</a>

two.html页面代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="external.js"></script>

<a href="one.html" >1st page</a>

我想访问第二页上的varstoredValue变量值。

请帮助我实现这一目标。

Answer 1

您几乎已经拥有它，只需将您在发布的 Javascript 中所做的内容复制到第二页的上下文中即可:

var storedValue = localStorage.getItem("param");
alert(storedValue);

虽然使用点表示法更好一点:

const storedValue = localStorage.param;
alert(storedValue);

第 1 页 JavaScript:

const global = "parameter";
localStorage.setItem("param", global);

第 2 页 JavaScript:

const storedValue = localStorage.getItem("param");
alert(storedValue);

示例:

转到这里https://jsfiddle.net/ag2t8r0x/

然后转到这里https://jsfiddle.net/ag2t8r0x/1/

您将看到存储在第一页上的数据在第二页上被检索。