document物件和window的常用事件

2021-10-03 17:32:21 字數 994 閱讀 3799

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 物...