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

-1

此代码用于JavaScript中的学习目的。我已声明了一个名为num的全局变量并将其初始化为30.现在，点击加号按钮时该值会增加，并且会减少点击减号按钮。但是当我点击加号按钮两次。它提醒31两次，而不是显示31先，然后32。从事件处理程序方法返回后调用window.onload

当我在铬上调试它，我发现断点再次访问'var num = 30'一旦它执行了被称为onclick加号按钮的增加方法。？那么，为什么从法的窗口重装有人能说明一下返回后在advance.My代码由于是如下：

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); 
}

来源

2016-07-21 Harsh Krishna

当我在step（）后面的大括号之后继续执行代码流程时，右上角到window.onload = initialize;我也检查了当时num的值是未定义的。 –

听起来像你的按钮是一个提交按钮 – epascarello

@HarshKrishna - 你对问题的描述表明你错了。尝试提供包含HTML **的[MCVE] **。 – Quentin

似乎为我工作，如果HTML是：

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

您也希望您的下降功能是：

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

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

来源

2016-07-21 19:04:57 OzymandiasII

感谢Ozymandias ...它的工作......我之前没有在按钮标签上使用过type属性。 –

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

回答

相关问题