三種不同位置的JavaScript代碼的寫法

用戶端指令碼JavaScript在寫法上其實有很多種方法，它們的置放位置也非常之多。。

下面列舉在三種不同的地方寫JavaScript代碼，實現的效果都是點擊按鈕button彈出alert警告框第一種是最常見的，代碼如下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("通過在函數中觸發事件");
    }總結：三種寫法方式實現的效果是完全一樣的，應該說三種方式都是常用的，而且各有優缺點。。。。