1

我的 html 页面显示了一个按钮，该按钮在单击时调用一个函数。我通过在单击时显示一条消息来检查该按钮是否正常工作，并且它工作正常。我创建了这个函数来更改全局变量，但是当我单击 html 页面上的另一个按钮以显示变量的值时，变量没有更改为我使用函数设置的值。有人可以在下面的代码中找到问题吗？

    var a = 5;
    var b = 16;
    var c = 27;

    function reset(){
    a = 0;
    b = 0;
    c = 0;
    }

我调用该函数的html代码：

   <!DOCTYPE HTML>

   <html>
   <center>
   <script type="text/javascript" src="game.js" > </script>
   <form>
   <input type="button" value="Reset Variables" style="width:250px;height:50px" onclick="reset()" >
   </form>
   </html>

显示变量的 Javascript 代码：

    function display(){

    document.write("A is equal to " + a + "<br/>");
    document.write("B is equal to " + b + "<br/>");
    document.write("C is equal to " + c );

}

Html 显示变量

   <!DOCTYPE HTML>

   <html>
   <center>
   <script type="text/javascript" src="game.js" > </script>
   <form>
   <input type="button" value="Show Variables" style="width:250px;height:50px" onclick="display()" >
   </form>
   </html>
4

2 回答 2

0

那行不通，因为您在函数范围内断言该变量。但是您的变量当前存储在全局范围（窗口）中，因此此代码将起作用：

var a = 5;
function reset() {
    console.log(window.a); // 5
    window.a = 10;
}
reset();
console.log(a); // 10
于 2013-04-08T21:41:06.993 回答
0

将函数名称更改为 reset_vars 或其他任何内容。reset() 是用于重置表单的内置 DOM 函数。

http://www.w3schools.com/jsref/met_form_reset.asp

除非定义了局部变量，否则在函数内部使用全局变量时不会发生任何冲突。在这种情况下，使用 window.variable_name 来访问全局变量。

于 2013-04-08T22:18:33.417 回答