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

客戶端腳本JavaScript在寫法上其實有很多種方法，它們的放置位置也非常之多。。
下面列舉在三種不同的地方寫JavaScript代碼，實現(xiàn)的效果都是點擊按鈕button彈出alert警告框

第一種是最常見的，代碼如下
html代碼
<input type="button" value="按鈕1" id="btn1" onclick="pop()">
js代碼
function pop()
{
alert("在JavaScript函數(shù)處調(diào)用");
}

第二種是最簡單的實現(xiàn)方式，代碼如下
<input type="button" value="按鈕2" id="btn2" onclick="javascript:alert('直接寫函數(shù)');">

第三種方式相對復雜，代碼如下
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("通過在函數(shù)中觸發(fā)事件");
}

總結(jié)：三種寫法方式實現(xiàn)的效果是完全一樣的，應該說三種方式都是常用的，而且各有優(yōu)缺點。

轉(zhuǎn)自：http://www.cnblogs.com/gisland/

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈