readystatechange
當document.readystate的值發生變化時就會觸發以上事件
readystate的值有:
1. loading
dom還在載入中(此時貌似js還沒開始執行,js裡捕獲不到這個狀態)
2. interactive
dom已經載入完畢,css,,iframe裡的頁面還沒載入完($(document).ready()就是指這個時候
即觸發domcontentloaded的時候document.addeventlistener('domcontentloaded', function () {})
3. complete
dom css 等全都載入完畢(window.onload就是這個時候)
visibilitychange
不咋用到。跟顯示/隱藏有關係;
load
window.onload(也就是document.readystate === 'interactive』的時候)
unload
頁面正處在一種資源依然存在,但是頁面已經不可見的時候。
不能再互動了。
這個事件是不可被阻止的。
如果監聽了這個事件(即使什麼也不做)會破壞bfcache(前進/後退 快取)。前進後退時,會重新請求頁面。
beforeunload
這個時候還可以進行互動,不過不能用alert,confirm,prompt,會被忽略掉。
// 只能通過這個方法來詢問
window.
addeventlistener
("beforeunload"
,function
(e))
;
監聽這個事件也會破壞bfcache。
pageshow
在頁面被顯示的時候觸發。
例如:
pagehide
頁面跳轉走或者關閉之前的瞬間
document物件詳解
document物件概述 document物件是文件的根節點,只要瀏覽器開始載入html文件,這個物件就開始存在了,它作為乙個入口去操作網頁內容,可以直接呼叫。document的屬性和方法非常多,下面我做了一些基本歸類,對於更詳細的屬性和方法查詢該 第一類 獲得節點的屬性 屬性說明 document...
Document 物件描述
htmldocument 介面對 dom document 介面進行了擴充套件,定義 html 專用的屬性和方法。很多屬性和方法都是 htmlcollection 物件 實際上是可以用陣列或名稱索引的唯讀陣列 其中儲存了對錨 表單 鏈結以及其他可指令碼元素的引用。這些集合屬性都源自於 0 級 dom...
JS中document物件和window物件有什
簡單來說,document是window的乙個物件屬性。window 物件表示瀏覽器中開啟的視窗。如果文件包含框架 frame 或 iframe 標籤 瀏覽器會為 html 文件建立乙個 window 物件,並為每個框架建立乙個額外的 window 物件。所有的全域性函式和物件都屬於window 物...