大家常見的肯定都是 這種用法.其實,不僅可以在body 上用它還支持多個HTML標籤.用法如下: onload事件當一個頁面或是一張圖片載入完成時被觸發。 所支援的HTML標籤： , , , , <img alt="js的onload事件及初始化按鈕事件範例程式碼_javascript技巧" >, <link>, <script> <br><br><STRONG>實例： <BR>第一種方法<BR><div class="codetitle"><span><a style="max-width:90%" data="78976" class="copybut" id="copybut78976" onclick="doCopy('code78976')"><U>複製程式碼 程式碼如下:<div class="codebody" id="code78976"><BR><BR> <BR> <BR> ><BODY onload="javascript:alert('liuzm.com')"> <div class="codetitle"><span> <a style="CURSOR: pointer" data="70690" class="copybut" id="copybut70690" onclick="doCopy('code70690')">第二種方法<U>複製程式碼<div class="codebody" id="code70690"><BR><BR> 程式碼如下:<BR><BR> <BR><script>window.onload=function (){alert('liuzm.com')}</script> <br> <br> <br><title>event test</title> <br> <br> <br><!-- 綁定方式一:在元素中，透過onXXX（事件）設定綁定方法--> <br><button id="btn1" onclick="display()">綁定方式一</button> <br><br><!-- 綁定方式二：在Javascript程式碼中，透過取得元素，為元素的onXXX（事件）設定綁定方法--> <br><button id="btn2">綁定方式二 button> <br><br><br><!-- 綁定方式三：透過for、event為元素綁定事件（IE4 ）。 for後面是元素id，event是具體事件--> <br><button id="btn3">綁定方式三</button> <br><br><!-- 綁定方式四：透過attachEvent為元素綁定事件（IE5 ）。第一個參數是事件名，第二個參數是綁定的方法--> <br><button id="btn4">綁定方式四</button> <br> <br><br><script type="text/javascript"> <BR>function init() { document.getElementById("btn2").onclick = display;//為button2綁定事件<BR>document.getElementById( "btn4").attachEvent("onclick", display);//為button4綁定事件<BR>} <div class="codetitle"><span> <a style="CURSOR: pointer" data="48663" class="copybut" id="copybut48663" onclick="doCopy('code48663')">實例: <U>複製程式碼<div class="codebody" id="code48663"><BR><BR> 程式碼如下:<BR><BR> <BR>function display(event) { <BR>var targ;//觸發事件的物件參考<BR>if (!event ) { <BR>var event = window.event;//取得目前事件(IE) <BR>} <BR>if (event.target) {//IE沒有target <br>targ = evente.target; <br>} else if (event.srcElement) {//適用於IE <BR>targ = event.srcElement; <BR>} <BR><BR>//對觸發事件的物件進行操作<BR>alert(targ. tagName "-" targ.id "-" event.x "-" event.offsetX); <BR>targ.disabled="disabled" ; <BR>} <BR></script> <script for="btn3" event="onclick"> <🎜>display();//為button3綁定事件<🎜></script> </button>
