了解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中文网其他相关文章！