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

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

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

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

第三種方式相對(duì)復(fù)雜，代碼如下
html代碼
<input type="button" value="按鈕3" id="btn3">
js代碼
var obj=document.getElementById("btn3");//以下語句一定要放在定義btn3的下面，否則編譯器是不能識(shí)別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é)：三種寫法方式實(shí)現(xiàn)的效果是完全一樣的，應(yīng)該說三種方式都是常用的，而且各有優(yōu)缺點(diǎn)。

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

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