Question

javascript中的onclick事件设为一个函数，但是不点它就执行了这个函数，这是为什么呢？

<form action="" method="post" id="form">
<input type="button" value="修改" id="btnupdate" onclick="confirmUpdate()"/>
</form>
JS里的：
function confirmUpdate(){
var btnupdate=document.getElementById("btnupdate")
btnupdate.value="保存";
btnupdate.onclick=doSave();
}
function doSave(){
document.getElementById("form").action="doTest.action";
document.getElementById("form").submit();
}点击修改后，按钮value改了，但一闪就自动跳转页面了。好像onclick属性没用啊，我还没点呢。。。

Answer 1

你可以改成这样：

function confirmUpdate(){
var btnupdate=document.getElementById("btnupdate")
if (btnupdate.value=="保存") {
doSave();
} else {
btnupdate.value="保存";
}
function doSave(){
document.getElementById("form").action="doTest.action";
document.getElementById("form").submit();
}

Answer 2

btnupdate.onclick=doSave(); 不对，因为btnupdate.onclick不是在调用doSave ，所以不能有().很多地方都是。只有调用的时候才加().

Answer 3

btnupdate.onclick=doSave();
改成：
btnupdate.onclick=doSave;
事件处理器不应有括号。

Answer 4

btnupdate.value="保存";
btnupdate.onclick=doSave(); 会自己执行的 去掉()