首頁猿問使用 HTML DOM 來分配事件

使用 HTML DOM 來分配事件

Html5 JavaScript

鏡花以西映陵東4076133 2016-10-25 22:38:20

<button?id="myBtn"?>點(diǎn)這里</button><script> document.getElementById("myBtn").onclick=function(){displayDate()}; function?displayDate(){ document.getElementById("demo").innerHTML=Date(); } </script>通過DOM來設(shè)定button的觸發(fā)在，在JS中?onclick=function（）{displayDate（）}，為什么不可以是onclick=displayDate（）。

查看完整描述

3 回答

已采納

Tobey_滔

TA貢獻(xiàn)242條經(jīng)驗(yàn) 獲得超128個(gè)贊

可以!!只是你的方式錯(cuò)誤了!!

<button?id="myBtn"?>點(diǎn)這里</button>
<script>
????document.getElementById("myBtn").onclick=displayDate;
????function?displayDate(){
????????alert("你好!");
????}
</script>

1 反對(duì) 回復(fù) 2016-10-25

鏡花以西映陵東4076133
很感謝，但不是很理解這一段..能解釋一下嗎?

回復(fù) 2016-10-25
Tobey_滔
js的事件都是需要一些方法來進(jìn)行的..比如onclick.onmouseenter.onmouseout等等事件類型都是需要一個(gè)函數(shù)..當(dāng)事件觸發(fā)的時(shí)候就會(huì)自動(dòng)調(diào)用函數(shù)的... 因此對(duì)于這些事件的處理..一般有兩種方式..第一種就是常見的 btn.onclick = function(){....} 而第二種就是我例子中的了 function say(){....} btn.onclick = say; 賦值給onclick的時(shí)候,函數(shù)是不需要帶()的...如果函數(shù)帶括號(hào)..表示調(diào)用/啟動(dòng)函數(shù)... 簡(jiǎn)單理解: function a(){....} var b = a; //這樣a函數(shù)就賦值給b變量 b(); //等于調(diào)用a函數(shù)

回復(fù) 2016-10-25

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

直接寫displayDate()是自執(zhí)行，正確寫法如一樓，加了括號(hào)自執(zhí)行，不加括號(hào)調(diào)用函數(shù)

1 反對(duì) 回復(fù) 2016-10-25

鏡花以西映陵東4076133
謝謝，還打算問myfunction和myfunction()的區(qū)別來著，學(xué)習(xí)了！

回復(fù) 2016-10-25

鏡花以西映陵東4076133

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

()是個(gè)操作，表示執(zhí)行displayDate方法，你把displayDate方法執(zhí)行完的返回值賦給onclick能對(duì)嗎？

onclick接受的是Function類型的變量，要么用匿名的方法賦值就是
document.getElementById("myBtn").onclick=function(){displayDate()};
/*類型的變量？？匿名的方法？？*/
要么用直接把函數(shù)名賦給onclick，document.getElementById("myBtn").onclick=displayDate;
兩種都可以，第二種更好。

反對(duì) 回復(fù) 2016-10-25