1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>第一個JavaScript程序</title> 6 <script> 7 //頁面加載時執行的函數 8 function showEnter() 9 { 10 alert("尊敬的客戶,歡迎光臨本網站"); 11 12 } 13 //頁面關閉的時候執行的函數 14 function showLeave() 15 { 16 alert("歡迎下次光臨"); 17 } 18 //頁面加載事件觸發時調用函數 19 window.onload=showEnter(); 20 //頁面關閉事件觸發時調用函數 21 window.onbeforeunload=showLeave(); 22 </script> 23 </head> 24 <body> 25 26 </body> 27 </html>
最終效果:
頁面加載時:
頁面關閉時: