                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

為什么給button的onclick屬性賦值已經定義好的函數會不行呢

<body>
?<input?type="button"?value="按鈕"?id="btn">
?<script>
?function?showM()
?{
?????alert('Hello');
??}
??var?btn=document.getElementById("btn");
??btn.onclick=showM();
?</script>
?<body>

栄籬

2016-03-05

源自：DOM事件探秘 2-2

關注問題我要回答

3879

操作

收起

2 回答

Harvie 回答被采納 +3 積分
2016-03-05

btn.onclick=showM();去掉括號，不然就變成傳函數返回值了

3 回復有任何疑惑可以回復我~

收起回答

栄籬提問者

可以詳細的解說一下函數的返回值嗎

2016-03-05 回復有任何疑惑可以回復我~

Harvie 回復栄籬提問者

這里 showM 是 showM() 這個函數的一個別名，它指向了 showM() 函數存放的地方。如果寫成 btn.onclick = showM; 就相當于告訴編譯器觸發 click 事件時在 showM 指向的地方去執行這個函數；而加了括號后就表示執行該函數，這樣 btn.onclick = showM(); 表示的就是 btn.onclick 等于 showM() 的返回值，當然這里我們并沒有顯式的用return來返回一個值，測試了一下默認返回值是undefined，所以 btn.onclick=showM(); 就相當于 btn.onclick=undefined;

2016-03-05 回復有任何疑惑可以回復我~

栄籬提問者回復 Harvie

萬分感謝，get到了

2016-03-05 回復有任何疑惑可以回復我~