一、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 對象被凍結了。
