onBlur="alert('謝謝您的填寫…')"><o:p></o:p>
</BODY><o:p></o:p>
</HTML><o:p></o:p>
事件處理程序 - 範例一<o:p></o:p>
載入相關物件時<o:p></o:p>
<o:p> </o:p>
1.當瀏覽器載入視窗時。<o:p></o:p>
2.當瀏覽器載入框架組中的所有框架時。<o:p></o:p>
3.當瀏覽器載入影像時。 <o:p></o:p>
onLoad<o:p></o:p>
啟動<o:p></o:p>
相關物件:window , document , frame , image<o:p></o:p>
卸載(離開)相關物件時<o:p></o:p>
<o:p> </o:p>
<o:p></o:p>
onUnload<o:p></o:p>
啟動<o:p></o:p>
相關物件:window , document , frame , image<o:p></o:p>
<Html><o:p></o:p>
<Body onLoad="alert('歡迎光臨!')"<o:p></o:p>
onUnload=alert("歡迎下次再來!")><o:p></o:p>
</Body><o:p></o:p>
</Html><o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
也可以寫成<o:p></o:p>
<script><o:p></o:p>
document.onLoad = alert(“歡迎光臨!”)<o:p></o:p>
</script><o:p></o:p>
事件處理程序 - 範例二<o:p></o:p>
發生錯誤時<o:p></o:p>
<o:p> </o:p>
當文件無法正確載入時。 <o:p></o:p>
當影像無法正確載入時。 <o:p></o:p>
onError<o:p></o:p>
啟動<o:p></o:p>
<Script><o:p></o:p>
function HandelError(img){<o:p></o:p>
alert ("無法載入" + img.name + ",\n載入替代圖檔...")<o:p></o:p>
img.src = "error.gif"<o:p></o:p>
}<o:p></o:p>
</Script><o:p></o:p>
<o:p> </o:p>
<IMG SRC="test.gif" NAME=Image1<o:p></o:p>
onError="HandelError(this)"><o:p></o:p>
事件處理程序 - 範例三<o:p></o:p>
按下滑鼠指標時<o:p></o:p>
<o:p> </o:p>
相關物件:<o:p></o:p>
所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>
超連結點。<o:p></o:p>
文字、圖形。<o:p></o:p>
onMouseDown<o:p></o:p>
啟動<o:p></o:p>
<script><o:p></o:p>
function showMsg(){<o:p></o:p>
if (event.button == 2)<o:p></o:p>
alert("版權所有,請勿複製本站內容!")<o:p></o:p>
}<o:p></o:p>
</script><o:p></o:p>
<o:p> </o:p>
<body onMouseDown = showMsg()><o:p></o:p>
<o:p> </o:p>
</body><o:p></o:p>
範例四 – 保護原始碼<o:p></o:p>
滑鼠指標離開時<o:p></o:p>
<o:p> </o:p>
相關物件:<o:p></o:p>
所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>
超連結點。<o:p></o:p>
文字、圖形。<o:p></o:p>
onMouseOut<o:p></o:p>
啟動<o:p></o:p>
滑鼠指標通過(進入)時<o:p></o:p>
<o:p> </o:p>
相關物件:<o:p></o:p>
所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>
超連結點。<o:p></o:p>
文字、圖形。<o:p></o:p>
onMouseOver<o:p></o:p>
啟動<o:p></o:p>
<Script><o:p></o:p>
function show(){<o:p></o:p>
star.style.display = ''<o:p></o:p>
}<o:p></o:p>
function hidden(){<o:p></o:p>
star.style.display = 'None'<o:p></o:p>
}<o:p></o:p>