1.普通的定義方式
<input type="button" name="Button" value="確定" onclick="Sfont=prompt('請在文本框中輸入紅色','紅色',' 提示框');if(Sfont=='紅色'){ form1.style.fontFamily='黑體'; form1.style.color='red';}"/>這是最常見的一種定義方式，直接將JS事件定義在需要的對象之上。相關的變形就是調用方法的形式，如下
<script> function show() { alert("show"); }</script><input type="button" name="show" onclick="show()"/>第二種
<script type="text/javascript" for="window" event="onload"> alert("Welcome!");</script><script type="text/javascript" for="window" event="onunload"> alert("Thanks!");</script>這裡定義了加載窗口和卸載窗口時的發生的操作。
如果是針對其他對象的事件，只需要修改for屬性的值為對象名，event修改為監視的的事件。如下：
<script type="text/javascript" for="test" event="onclick">alert("button!");</script>第三種：
<input type="button" name="test" value="test"/><script>function te(){ alert("test");}test.onclick=te;</script>這裡我們使用註冊的形式，將方法註冊到指定對象的指定事件。使用對象名來調用。
完整測試代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body><script type="text/javascript" for="window" event="onload">alert("Welcome!");</script><script type="text/javascript" for="window" event="onunload">alert("Thanks!");</script><form name="form1" method="post" action="">JS很好學</form><formn ame="form2" method="post" action=""><input type="button" name="Button" value="確定" onclick="Sfont=prompt('請在文本框中輸入紅色','紅色',' 提示框');if(Sfont=='紅色'){form1.style.fontFamily='黑體';form1.style.color='red';}"/><input type="button" name="test" value="test"/><script>function te(){alert("test");}test.onclick=te;</script></form></body></html>以上這篇JS創建事件的三種方法(實例代碼)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。