了解JavaScript窗口對象

全局對象和瀏覽器窗口：深入研究JavaScript的窗口對象

>每個JavaScript環境都有一個全局對象。 在全局範圍中聲明的變量成為該對象的屬性，函數成為其方法。 在瀏覽器中，此全局對像是

>對象，代表顯示網頁的瀏覽器窗口。本文探討了window>對象的關鍵用途。 window

密鑰概念：

• 對像是瀏覽器的全局對象。全局變量是其屬性；全局函數是其方法。 window
>瀏覽器對像模型（BOM）是提供瀏覽器和屏幕信息的對象屬性和方法的集合（瀏覽器類型，屏幕尺寸，訪問的頁面等）。
• window對象提供了創建和管理對話框框的方法（
>，
• ，window）。 這些停止執行直到用戶互動為止。 alert() confirm()prompt()對象提供了用於訪問瀏覽器信息，導航歷史記錄和控制窗口的屬性和方法（打開，調整，關閉）。
每個對像都包含一個用於操縱頁面內容的對象。
• window
• 瀏覽器對像模型（BOM）windowdocument>
BOM，可通過

>對象訪問，提供了有關瀏覽器和屏幕的信息。 雖然不是正式標準化的，但在主要瀏覽器中一直支持許多屬性和方法。 每個瀏覽器窗口，選項卡，彈出式，框架和iframe都有其自己的

對象。

> bom的瀏覽器特定性質：

window window記住，JavaScript在各種環境中運行。 BOM僅在瀏覽器上下文中相關。 其他環境（例如node.js）缺乏

對象，但仍然具有全局對象（例如，在node.js中）。 要訪問全局對象，無論環境如何

>全局變量和窗口對象：

>

>全局變量（無需window，global或this）是全局對象的屬性。在瀏覽器中，這意味著它們是

>對象的屬性：

const globalObject = this;

>

>通常，直接訪問全局變量（無），改善代碼便攜性。 但是，通過

訪問它們對於檢查是否定義了變量很有用：

const globalObject = this;

> parseInt()和isNaN()>的功能是全局對象方法（因此，瀏覽器中的方法）。 直接呼籲它們（無window）是標準練習。 window.> 在

這些功能創建對話框，暫停執行，直到用戶交互。 明智地使用它們，因為它們可能會破壞程序流：

alert()confirm()：顯示一個消息框。返回prompt()。

：顯示一個確認對話框（OK/CANCAL）。返回

（確定）或
• （取消）。 window.alert('Message')undefined
>顯示帶有輸入字段的提示。返回輸入文本（OK）或
• （取消）。 window.confirm('Question?')true false
>瀏覽器信息（navigator對象）：
• window.prompt('Prompt', 'Default'):> null對象提供瀏覽器信息。
屬性返回一個描述瀏覽器和操作系統的字符串。 但是，此信息是不可靠的，並且可以修改。

>

> url詳細信息（）：

window.navigatoruserAgent對象包含URL信息：>

：完整的URL（讀/寫）window.location>

：

window.location：域和端口

• ：域href
• ：端口號protocol https:
：路徑
• host
：查詢字符串
• hostname
：fragment標識符
• port
：協議和域（僅讀取）
• > pathname
• 還提供了search>，
和
• 之類的方法。 hash
• >瀏覽器歷史記錄（origin）：

location對象提供了對先前訪問的頁面的訪問權限。 reload()給出訪問的頁面的數量。 assign()>，replace()和

>瀏覽歷史。

> window.history窗口控制（，

，

，window.history） length這些方法控制Windows：go(n)

• window.open(url, title, attributes)：打開一個新窗口。
• window.close()：關閉一個窗口。
• window.moveTo(x, y)：移動一個窗口。
• window.resizeTo(width, height)：調整窗口的大小。

謹慎使用這些；許多瀏覽器限制了由於過去的濫用（彈出廣告）而限制其使用。

>

屏幕信息（window.screen）：

對象提供屏幕信息：window.screen

• >，height：屏幕尺寸。 width
• ，availHeight：可用的屏幕尺寸（不包括菜單）。 availWidth>
• ：顏色位深度。 colorDepth

文檔對象： 每個

對象包含一個用於操縱頁面內容的對象（在其他地方詳細介紹）。

方法將文本寫入頁面，如果頁面已經加載，則覆蓋現有內容。 它的使用通常是不建議的。 window documentdocument.write() FAQS：

>什麼是

• 對象？ 瀏覽器環境中的全局對象。 window>如何直接訪問它？
>
• common屬性？ ，window，
，
• 。 當頁面滿載時，document？ >？ location innerWidthinnerHeight>檢測阻塞的彈出窗口？
• 這個全面的概述應該使您有效利用JavaScript的對象及其相關的功能。請記住要負責任地使用這些強大的工具並考慮用戶體驗。 window.onload

以上是了解JavaScript窗口對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！