我正在尝试做一些非常简单的事情-单击按钮时调用一个函数。我已经在网上查看了几个示例,例如 W3Schools 和(我相信)我正确使用了 onclick / onClick 它似乎没有运行。我尝试了几种不同的方法 - 我真的不确定我做错了什么。
方法一
HTML
<button id="buttonAdd" onclick="add()">Add</button>
JavaScript
function add() {
console.log("Test");
}
结果:
测试
单击该按钮时,它会在 console.log 中以比我容易看到的速度更快地闪烁然后消失。
方法二
HTML
<button id="add">Add</button>
JavaScript
window.onload = function() {
document.getElementById("add").onclick = add;
}
function add() {
console.log("Test");
}
结果
测试
单击该按钮时,它会在 console.log 中以比我容易看到的速度更快地闪烁然后消失。
方法三
HTML
<button id="add">Add</button>
JavaScript
window.onload = function() {
document.getElementById("add").onclick = add();
}
function add() {
console.log("Test");
}
结果
测试
这出现在控制台日志中并保留在那里,没有单击按钮。
问题
我通常感到困惑。据我所知,我正在做示例所建议的事情(我尝试过的不同方法反映了示例中的差异)。
谢谢。
编辑
所以看来问题是console.log闪烁的速度几乎比我看到的要快......有谁知道为什么会这样?页面似乎正在刷新,但我不知道为什么会这样......
回答
该按钮的形式会导致页面在单击时刷新。