从HTML JavaScript更改js中的变量值

Change variable value in js from HTML JavaScript?

本文关键字：变量值 js 更改 HTML JavaScript      更新时间：2023-09-26

我需要社区在以下方面帮助我：

我在js文件中定义了变量x=1。我有两个HTML文件使用该变量（1.HTML和2.HTML）。我想使用1.HTML中的onclick事件将变量x的值永久更改为2。。所以如果我在2.html中使用x变量，它的值是2而不是1。

这就是我在java.js文件中的内容：

x=1;

这在1.html:中

<html>
    <head>
        <script type="text/javascript" src="java.js">
        </script>
    </head>
    <body>
        <input type="button" value="Change x" onClick="x=4">
            <p id="iz"></p>
    </body>
</html>

这在2.html:中

<html>
    <head>
        <script type="text/javascript" src="java.js">
        </script>
    </head>
    <body>
        <input type="button" value="Change x" onClick="x=x+1">
            <p id="iz"></p>
    </body>
</html>

2.html中的按钮的结果应该是5。

JavaScript不能这样工作。如果不使用cookie或将状态传递给服务器，页面之间就没有持久性。

如果导航到foo.html并设置var foo = 1，然后导航到bar.html，则不会设置foo。

简言之，你不能只使用JavaScript——网络是stateless。

不过，可以使用cookie或local storage作为后备存储来保存该值。最初将其设置为1，任何后续修改都会影响后备存储并反映正确的值。

在java脚本中，没有您想要的变量的持久性，您必须使用cookie、服务器端通道或html5 中提供的本地存储

这不是JavaScript的正常行为，因为您设置的值将在任一页面的持续时间内保持不变。您可能想做的是将x的值存储在服务器上，存储在cookie中，或者存储在localStorage中。

在您的每个页面中，它都会拉入x=1。仅仅因为你在一个页面上更改了一个变量，并不意味着它会在另一个页面中被看到。这是您需要使用GET或POST或cookie或本地存储将变量传递到其他页面的地方

您的输入标记没有关闭，这不可能是正确的。在查找代码中错误的其他原因之前修复这些问题：

<input type="button" value="Change x" onClick="x=4">

也许应该是：

<input type="button" value="Change x" onClick="x=4"/>
相关文章：