JavaScript 里 window, document, screen, body 这几个名词的区别-阿里云开发者社区

开发者社区> -技术小能手-> 正文

JavaScript 里 window, document, screen, body 这几个名词的区别

简介: JavaScript 里 window, document, screen, body 这几个名词的区别
+关注继续查看

在下面这个 StackOverflow 的线索里进行了讨论:


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

image.png

window

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


相当于 浏览器 JavaScript 编程环境里的 root 对象,也可以看成是 document 对象模型的父节点。作为全局对象被访问。


window.screen

window 全局对象的一个属性,包含了物理屏幕的尺寸信息。


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


window.document

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


页面被渲染后的可见部分对应的 DOM 对象。


body

是上文描述的 document 对象中一个名为 body 的子节点。


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 是全局对象,因此访问其属性时,可以省略 window. 的写法。


因此通过下列方式访问 window 里的属性,同样有效:

image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10084 0
JavaScript返回上一页代码区别
JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.
727 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10883 0
jquery $(document).ready() 与window.onload的区别
<p><span style="font-family:Tahoma,Helvetica,Arial,宋体,sans-serif; font-size:14px; line-height:14px; text-indent:30px; background-color:rgb(247,252,255)">Jquery中$(document).ready()的作用类似于传统JavaScrip
1302 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13890 0
java和JavaScript究竟什么关系,有什么样的区别
犹记得刚刚接触Java的时候,有一天突然看见了JavaScript,第一反应就是:这是什么?跟Java这么像,莫非它俩之间有什么不可告人的关系?
9622 0
1727
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载