溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript頁面加載事件實例講解

發(fā)布時間:2020-09-05 17:44:58 來源:腳本之家 閱讀:198 作者:格物致知_Tony 欄目:web開發(fā)

一、onload 加載事件

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

常用方式:

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

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

注意:該事件相比于在 <body> 中的 <script> 標簽中的內(nèi)容執(zhí)行速度慢,因為 onload 需要等頁面加載完畢才執(zhí)行,而其他的當(dāng)頁面上的元素創(chuàng)建完畢后就會執(zhí)行。

onload 不僅僅可以應(yīng)用于 window,也可以用于其他的一些標簽。

二、onunload 卸載事件

onunload 是卸載事件,當(dāng)頁面卸載的時候執(zhí)行。

Demo:

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

當(dāng)我們按 F5重新加載頁面會發(fā)現(xiàn) alert 對話框會報錯,并不會執(zhí)行,這是因為 onunload 事件中所有的對話框都無法使用,window 對象被凍結(jié)了。

上面的知識點很簡單,希望能夠給大家提供到幫助同時感謝大家對億速云的支持。+

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI