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

2024-05-06 14:13:17

字體：大中小

來源：轉載

供稿：網友

下面列舉在三種不同的地方寫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("通過在函數中觸發事件");
}

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

上一篇：JS window.opener返回父頁面的應用

下一篇：JavaScript 文本域字體大小選擇功能