JavaScript 之 頁面加載事件


一、onload 加載事件

  onload 是 window 對象的一個事件,也可以省略 window 直接使用。

  常用方式

<head>
<script> windown.onload = function() { // 方法體 } </script>
<head>

   這個事件是等待頁面加載完成之后,再執行 <script> 標簽的內容。即頁面上所有的元素創建完畢,並且引用的外部資源下載完畢(js,css,圖片)

   注意:該事件相比於在 <body> 中的 <script> 標簽中的內容執行速度慢,因為 onload 需要等頁面加載完畢才執行,而其他的當頁面上的元素創建完畢后就會執行。

  onload 不僅僅可以應用於 window,也可以用於其他的一些標簽。

二、onunload 卸載事件

  onunload 是卸載事件,當頁面卸載的時候執行。

  Demo:

1 onunload = function () { 2     alert('歡迎下次再來'); // 報錯: Blocked alert('歡迎下次再來') during unload. 3     console.log('bye bye'); 4 }

 

  當我們按 F5重新加載頁面會發現 alert 對話框會報錯,並不會執行,這是因為 onunload 事件中所有的對話框都無法使用,window 對象被凍結了。

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM