javascript 中的window, document, screen都有什么区别？

最新推荐文章于 2023-10-10 05:00:32 发布

原创最新推荐文章于 2023-10-10 05:00:32 发布 · 483 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #html5 #html

收录于

javascript 同时被 2 个专栏收录

11 篇文章

订阅专栏

html

11 篇文章

订阅专栏

这篇博客解释了JavaScript中的全局对象window、screen和document之间的区别。window是全局对象，包含DOM的根；screen提供了有关物理屏幕尺寸的信息；document则是当前可见DOM的主体。由于window是全局对象，可以直接引用其属性而不需要明确写window前缀。

谷歌之后，从stackoverflow上找到的高赞答案：

https://stackoverflow.com/questions/9895202/what-is-the-difference-between-window-screen-and-document-in-javascript

Window is the main JavaScript object root, aka the global object in a browser, and it can also be treated as the root of the document object model. You can access it as window.

window.screen or just screen is a small information object about physical screen dimensions.

window.document or just document is the main object of the potentially visible (or better yet: rendered) document object model/DOM.

Since window is the global object, you can reference any properties of it with just the property name - so you do not have to write down window. - it will be figured out by the runtime.

window是javascript中的全局变量。document其实是window.document，而screen其实是window.screen。由于window是全局变量，所以window被省略了。