|
|
第一種是最常見的，代碼如下
html代碼
<input type="button" value="按鈕1" id="btn1" onclick="pop()">
js代碼
function pop()
{
alert("在JavaScript函數處調用");
}
第二種是最簡單的實現方式，代碼如下
<input type="button" value="按鈕2" id="btn2" onclick="Javascript:alert('直接寫函數');">
第三種方式相對復雜，代碼如下
html代碼
<input type="button" value="按鈕3" id="btn3">
js代碼
var obj=document.getElementById("btn3");//以下語句一定要放在定義btn3的下面，否則編譯器是不能識別btn3的。
if(window.addEventListener)// Mozilla, NETscape, Firefox等瀏覽器
{
obj.addEventListener("click",fun,false);//注意這里的false
}
else //IE瀏覽器
{
obj.attachEvent("onclick",fun);
}
function fun()
{
alert("通過在函數中觸發事件");
}
總結：三種寫法方式實現的效果是完全一樣的，應該說三種方式都是常用的，而且各有優缺點。。。。
JavaScript技術：JavaScript 三種不同位置代碼的寫法，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
