The most common usage is . In fact, it can not only be used on the body, it also supports multiple HTML tags. The usage is as follows: onload event when a page or It is triggered when an image is loaded. Supported HTML tags: , , , , <img>, <link>, <script> <br><br><strong>Example:</strong> <br>First method<br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="78976" class="copybut" id="copybut78976" onclick="doCopy('code78976')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code78976"> <br><BODY onload="javascript:alert('liuzm.com')"></BODY> <br> </div> <br>Second method<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="70690" class="copybut" id="copybut70690" onclick="doCopy('code70690')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code70690"> <br><script>window.onload=function (){alert('liuzm. com')}</script> <br><html> <br><head> <br><title>event test</title> <br></head> <br><body onload="init()"> <br><!-- Binding method one: In the element, set the binding method through onXXX (event)--> <br><button id="btn1" onclick="display()" >Binding method one</button> <br><br><!-- Binding method two: In the Javascript code, by getting the element, it is the onXXX (event) of the element Set binding method--> <br><button id="btn2">Binding method two</button> <br><br><br><!-- Binding method three: Pass for and event are element binding events (IE4). After for is the element id, and event is the specific event--> <br><button id="btn3">Binding method three</button> <br><br><!-- Binding method Four: Bind events to elements through attachEvent (IE5). The first parameter is the event name, and the second parameter is the binding method --> <br><button id="btn4">Binding method four</button> <br></body> ; <br><br><script type="text/javascript"> <br>function init() { <br>document.getElementById("btn2").onclick = display;//Bind events for button2 <br>document.getElementById("btn4").attachEvent("onclick", display);//Bind events for button4<br>} <br> </div> <br>Instance: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="48663" class="copybut" id="copybut48663" onclick="doCopy('code48663')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code48663"> <br>function display(event) { <br>var targ;//Object reference that triggers the event <br>if (!event) { <br>var event = window.event;//Get the current event (IE) <br>} <br>if (event.target) {//IE has no target <br>targ = evente.target; <br>} else if (event.srcElement) {//Applicable to IE <br>targ = event.srcElement; <br>} <br><br>//Operation on the object that triggers the event <br>alert(targ.tagName "-" targ.id "-" event.x "-" event.offsetX); <br>targ.disabled="disabled" ; <br>} <br></script> ; <BR><script for="btn3" event="onclick"> <br>display();//Bind events for button3 <br></script> <br> </div>
