javascript–BOM的onload事件和onunload事件

笑蒼茫發表於2019-01-10

1.onload事件

onload,頁面載入後執行,所謂頁面載入完成,指頁面上所有的元素建立完畢,引用的所有的外部資源(js、css、圖片)等下載完畢。

所以onload執行的比較晚,因為如果頁面上有好多好多圖片,它需要等這些圖片完成下載後才能執行。而寫在body後的< script >< /script >中的程式碼,它會在頁面上的元素建立完畢後就會執行。

onload不光可以用來判斷頁面是否載入完成了,所有的元素的都有onload事件。它還可以用來在標籤上設定標籤載入完成事件。

比如:< img scr=`xxx` onload=function(){} />,當標籤載入完成了就可以做一件事情。可以給該標籤一個臨時圖片,當該標籤載入完成後,給它切換另一個標籤。

 

 

2.onunload事件

onunload頁面解除安裝時候執行,在onunload中,所有的對話方塊都無法使用,因為頁面被解除安裝,windows物件會被凍結,阻止類似alert()這種對話方塊的執行。

F5重新整理的時候:

首先把頁面解除安裝

然後把頁面重新載入

當然,在關閉網頁的時候,也會發生onunload事件,可以在onunload中做一點事情,類似清空購物車等客戶不知道的操作。

相關文章