Window 物件、document物件、history物件、location物件、navigator物件、screen物件

阿新 • • 發佈：2019-01-20

Window 物件

Window 物件表示瀏覽器中開啟的視窗。

如果文件包含框架（frame 或 iframe 標籤），瀏覽器會為 HTML 文件建立一個 window 物件，併為每個框架建立一個額外的 window 物件。

Window 物件集合

集合	描述
frames[]	返回視窗中所有命名的框架。該集合是 Window 物件的陣列，每個 Window 物件在視窗中含有一個框架或 <iframe>。屬性 frames.length 存放陣列 frames[] 中含有的元素個數。注意，frames[] 陣列中引用的框架可能還包括框架，它們自己也具有 frames[] 陣列。

集合

描述

frames[]

返回視窗中所有命名的框架。

該集合是 Window 物件的陣列，每個 Window 物件在視窗中含有一個框架或 <iframe>。屬性 frames.length 存放陣列 frames[] 中含有的元素個數。注意，frames[] 陣列中引用的框架可能還包括框架，它們自己也具有 frames[] 陣列。

Window 物件屬性

屬性	描述
返回視窗是否已被關閉。
length	設定或返回視窗中的框架數量。
name	設定或返回視窗的名稱。
返回對建立此視窗的視窗的引用。
pageXOffset	設定或返回當前頁面相對於視窗顯示區左上角的 X 位置。
pageYOffset	設定或返回當前頁面相對於視窗顯示區左上角的 Y 位置。
parent	返回父視窗。
self	返回對當前視窗的引用。等價於 Window 屬性。
設定視窗狀態列的文字。
top	返回最頂層的先輩視窗。
window	window 屬性等價於 self 屬性，它包含了對視窗自身的引用。
screenLeft screenTop screenX screenY	只讀整數。聲明瞭視窗的左上角在螢幕上的的 x 座標和 y 座標。IE、Safari 和 Opera 支援 screenLeft 和 screenTop，而 Firefox 和 Safari 支援 screenX 和 screenY。

Window 物件方法

方法	描述
顯示帶有一段訊息和一個確認按鈕的警告框。
把鍵盤焦點從頂層視窗移開。
取消由 setInterval() 設定的 timeout。
取消由 setTimeout() 方法設定的 timeout。
顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。
把鍵盤焦點給予一個視窗。
可相對視窗的當前座標把它移動指定的畫素。
把視窗的左上角移動到一個指定的座標。
開啟一個新的瀏覽器視窗或查詢一個已命名的視窗。
顯示可提示使用者輸入的對話方塊。
按照指定的畫素調整視窗的大小。
把視窗的大小調整到指定的寬度和高度。
按照指定的週期（以毫秒計）來呼叫函式或計算表示式。
在指定的毫秒數後呼叫函式或計算表示式。

Window 物件描述

Window 物件表示一個瀏覽器視窗或一個框架。在客戶端 JavaScript 中，Window 物件是全域性物件，所有的表示式都在當前的環境中計算。也就是說，要引用當前視窗根本不需要特殊的語法，可以把那個視窗的屬性作為全域性變數來使用。例如，可以只寫 document，而不必寫 window.document。

同樣，可以把當前視窗物件的方法當作函式來使用，如只寫 alert()，而不必寫 Window.alert()。

除了上面列出的屬性和方法，Window 物件還實現了核心 JavaScript 所定義的所有全域性屬性和方法。

Window 物件的 window 屬性和 self 屬性引用的都是它自己。當你想明確地引用當前視窗，而不僅僅是隱式地引用它時，可以使用這兩個屬性。除了這兩個屬性之外，parent 屬性、top 屬性以及 frame[] 陣列都引用了與當前 Window 物件相關的其他 Window 物件。

HTML DOM Document 物件

Document 物件

每個載入瀏覽器的 HTML 文件都會成為 Document 物件。

Document 物件使我們可以從指令碼中對 HTML 頁面中的所有元素進行訪問。

提示：Document 物件是 Window 物件的一部分，可通過 window.document 屬性對其進行訪問。

Document 物件集合

集合	描述
all[]	提供對文件中所有 HTML 元素的訪問。
返回對文件中所有 Anchor 物件的引用。
applets	返回對文件中所有 Applet 物件的引用。
返回對文件中所有 Form 物件引用。
返回對文件中所有 Image 物件引用。
返回對文件中所有 Area 和 Link 物件引用。

Document 物件屬性

屬性	描述
body	提供對 <body> 元素的直接訪問。對於定義了框架集的文件，該屬性引用最外層的 <frameset>。
設定或返回與當前文件有關的所有 cookie。
返回當前文件的域名。
返回載入當前文件的文件的 URL。
title	返回當前文件的標題。
URL	返回當前文件的 URL。

Document 物件方法

方法	描述
關閉用 document.open() 方法開啟的輸出流，並顯示選定的資料。
開啟一個流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。
向文件寫 HTML 表示式或 JavaScript 程式碼。
等同於 write() 方法，不同的是在每個表示式之後寫一個換行符。

History 物件

History 物件包含使用者（在瀏覽器視窗中）訪問過的 URL。

History 物件是 window 物件的一部分，可通過 window.history 屬性對其進行訪問。

History 物件屬性

屬性	描述
返回瀏覽器歷史列表中的 URL 數量。

History 物件方法

方法	描述
載入 history 列表中的前一個 URL。
載入 history 列表中的下一個 URL。
go()	載入 history 列表中的某個具體頁面。

History 物件描述

History 物件最初設計來表示視窗的瀏覽歷史。但出於隱私方面的原因，History 物件不再允許指令碼訪問已經訪問過的實際 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

Location 物件

Location 物件包含有關當前 URL 的資訊。

Location 物件是 Window 物件的一個部分，可通過 window.location 屬性來訪問。

Location 物件屬性

屬性	描述
hash	設定或返回從井號 (#) 開始的 URL（錨）。
host	設定或返回主機名和當前 URL 的埠號。
設定或返回當前 URL 的主機名。
href	設定或返回完整的 URL。
設定或返回當前 URL 的路徑部分。
port	設定或返回當前 URL 的埠號。
設定或返回當前 URL 的協議。
設定或返回從問號 (?) 開始的 URL（查詢部分）。

Location 物件方法

Location 物件描述

Location 物件儲存在 Window 物件的 Location 屬性中，表示那個視窗中當前顯示的文件的 Web 地址。它的 href 屬性存放的是文件的完整 URL，其他屬性則分別描述了 URL 的各個部分。這些屬性與 Anchor 物件（或 Area 物件）的 URL 屬性非常相似。當一個 Location 物件被轉換成字串，href 屬性的值被返回。這意味著你可以使用表示式 location 來替代 location.href。

不過 Anchor 物件表示的是文件中的超連結，Location 物件表示的卻是瀏覽器當前顯示的文件的 URL（或位置）。但是 Location 物件所能做的遠遠不止這些，它還能控制瀏覽器顯示的文件的位置。如果把一個含有 URL 的字串賦予 Location 物件或它的 href 屬性，瀏覽器就會把新的 URL 所指的文件裝載進來，並顯示出來。

除了設定 location 或 location.href 用完整的 URL 替換當前的 URL 之外，還可以修改部分 URL，只需要給 Location 物件的其他屬性賦值即可。這樣做就會建立新的 URL，其中的一部分與原來的 URL 不同，瀏覽器會將它裝載並顯示出來。例如，假設設定了Location物件的 hash 屬性，那麼瀏覽器就會轉移到當前文件中的一個指定的位置。同樣，如果設定了 search 屬性，那麼瀏覽器就會重新裝載附加了新的查詢字串的 URL。

除了 URL 屬性外，Location 物件的 reload() 方法可以重新裝載當前文件，replace() 可以裝載一個新文件而無須為它建立一個新的歷史記錄，也就是說，在瀏覽器的歷史列表中，新文件將替換當前文件。

Navigator 物件

Navigator 物件包含有關瀏覽器的資訊。

Navigator 物件集合

集合	描述
plugins[]	返回對文件中所有嵌入式物件的引用。該集合是一個 Plugin 物件的陣列，其中的元素代表瀏覽器已經安裝的外掛。Plug-in 物件提供的是有關外掛的資訊，其中包括它所支援的 MIME 型別的列表。雖然 plugins[] 陣列是由 IE 4 定義的，但是在 IE 4 中它卻總是空的，因為 IE 4 不支援外掛和 Plugin 物件。

集合

描述

plugins[]

返回對文件中所有嵌入式物件的引用。

該集合是一個 Plugin 物件的陣列，其中的元素代表瀏覽器已經安裝的外掛。Plug-in 物件提供的是有關外掛的資訊，其中包括它所支援的 MIME 型別的列表。

雖然 plugins[] 陣列是由 IE 4 定義的，但是在 IE 4 中它卻總是空的，因為 IE 4 不支援外掛和 Plugin 物件。

Navigator 物件屬性

Navigator 物件方法

方法	描述
規定瀏覽器是否啟用資料汙點 (data tainting)。

Navigator 物件描述

Navigator 物件包含的屬性描述了正在使用的瀏覽器。可以使用這些屬性進行平臺專用的配置。

雖然這個物件的名稱顯而易見的是 Netscape 的 Navigator 瀏覽器，但其他實現了 JavaScript 的瀏覽器也支援這個物件。

Navigator 物件的例項是唯一的，可以用 Window 物件的 navigator 屬性來引用它。

Screen 物件

Screen 物件包含有關客戶端顯示螢幕的資訊。

Screen 物件屬性

屬性	描述
返回顯示螢幕的高度 (除 Windows 工作列之外)。
返回顯示螢幕的寬度 (除 Windows 工作列之外)。
返回目標裝置或緩衝器上的調色盤的位元深度。
返回顯示螢幕的每英寸水平點數。
返回顯示螢幕的每英寸垂直點數。
返回顯示螢幕的高度。
返回顯示螢幕每英寸的水平方向的常規點數。
返回顯示螢幕每英寸的垂直方向的常規點數。
返回顯示螢幕的顏色解析度（位元每畫素）。
width	返回顯示器螢幕的寬度。

Screen 物件描述

每個 Window 物件的 screen 屬性都引用一個 Screen 物件。Screen 物件中存放著有關顯示瀏覽器螢幕的資訊。JavaScript 程式將利用這些資訊來優化它們的輸出，以達到使用者的顯示要求。例如，一個程式可以根據顯示器的尺寸選擇使用大影象還是使用小影象，它還可以根據顯示器的顏色深度選擇使用 16 位色還是使用 8 位色的圖形。另外，JavaScript 程式還能根據有關螢幕尺寸的資訊將新的瀏覽器視窗定位在螢幕中間。

轉自w3school

Window 物件、document物件、history物件、location物件、navigator物件、screen物件

Window 物件

Window 物件

Window 物件集合

Window 物件屬性

Window 物件方法

Window 物件描述

HTML DOM Document 物件

Document 物件

Document 物件集合

Document 物件屬性

Document 物件方法

History 物件

History 物件

History 物件屬性

History 物件方法

History 物件描述

Location 物件

Location 物件

Location 物件屬性

Location 物件方法

Location 物件描述

Navigator 物件

Navigator 物件

Navigator 物件集合

Navigator 物件屬性

Navigator 物件方法

Navigator 物件描述

Screen 物件

Screen 物件

Screen 物件屬性

Screen 物件描述

相關推薦