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("通過在函數中觸發事件");
}

總結：三種寫法方式實現的效果是完全一樣的，應該說三種方式都是常用的，而且各有優缺點。。。。