Mig*_*uel 6 html javascript global-variables
所以基本上我有 2 个 html 页面。1 有一个按钮并显示按钮生成的数字，其他页面 (2) 仅显示。然后我有一个 script.js 文件，所以这两个文件都可以在那里获取值。问题是，当我在 1 上包含第 2 页时，它会获取值，但是当与第 1 页分开时，即使使用相同的脚本，它也不会获取任何值。
所以基本上是这样的
第 1 页
id="nom" style="font-size: 100px; margin-bottom: 5px; text-align: center; font-family:Arial; background: #FFFFF">1
这个从带有 id (nom) 的按钮中获取值，并在已有的数字上加 1。
第2页
第二页具有相同的代码，但是当我使用按钮在第一页中更改它们时没有获得值。
脚本.js
document.getElementById("nom").innerHTML = parseInt(document.getElementById("nom").innerHTML) + 1;
输出是这样完成的。p id="nom">1
所以，基本上就是这样，当我在第 1 页更改它们时，我无法获得第 2 页上的值。有帮助吗？
将您的变量值存储在 localstorage 中，如下所示：
第 1 页
localStorage.setItem("key", "yourvalue");
第2页
document.getElementById("yourVariable").innerHTML = localStorage.getItem("key");
在您的情况下，它将是：
第 1 页
<html>
<head>Page 1</head>
<body>
<p id="nom">1</p>
<button onclick="YourFunctionName()">Your Button</button>
<script>
function YourFunctionName(){
document.getElementById("nom").innerHTML = parseInt(document.getElementById("nom").innerHTML) + 1;
localStorage.setItem("key", parseInt(document.getElementById("nom").innerHTML));
}
</script>
</body>
</html>
第2页
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
</head>
<body>
<p id="nome"></p>
<script>
$(document).ready(function(){
document.getElementById("nome").innerHTML = localStorage.getItem("key");
});
</script>
</body>
</html>