Question

此代码用于javascript中的学习目的。我已经声明了一个名为num的全局变量并将其初始化为30.现在，单击加号按钮会增加此值，单击减号按钮时会减少。但是当我单击加号时按钮两次。它提醒两次，而不是先显示31然后是32。

当我在chrome上调试它时，我发现断点击中＆＃39; var num = 30＆＃39;一旦它执行了增加方法，该方法被称为加号按钮。那么为什么从方法返回窗口后重新加载？有人可以解释一下吗？先谢谢。我的代码如下：

window.onload =initialize;
var num=30;
function initialize()
{

if(!document.getElementById) return;

var increaseButton = document.getElementById('plus');
increaseButton.onclick = increase;
var decreaseButton = document.getElementById('minus');
decreaseButton.onclick = decrease;
 }

function increase()
 {
    num++;
    alert(num);

 }
function decrease()
 {
     num++;
     alert(num);
 }

Answer 1

如果HTML是：

，似乎对我有用

<button type="button" id="plus">+</button>
<button type="button" id="minus">-</button>

您还希望减少功能为：

function decrease()
{
    num--;
    alert(num);
}

JSFiddle：https://jsfiddle.net/OzymandiasII/L9h1xbsr/

从事件处理程序方法返回后调用window.onload

1 个答案: