JavaScript: window, document和screen

Window窗口

JavaScript的window窗口对象位于JavaScript对象层次框架的最顶端,并且表示浏览器窗口。窗口对象被所有浏览器支持。全部全局的JavaScript对象,函数,变量都自动的称为窗口对象的成员。窗口是第一个被加载到浏览器中的东西。窗口对象拥有主要的属性,如length, innerWidth, innerHeight, name,是否它被关闭了,它的父窗口,以及更多内容。

窗口对象代表当前的浏览器环境,它掌握着,如 window.location, window.history, window.screen, window.status, 或者window.document 。每个浏览器页签tab有它自己的顶级窗口对象。这些窗口的每一个都有自己独立的全局对象。window.window总是指向窗口,但是window.parent和window.top可能指向关闭的窗口,给出其他执行环境的访问。更多的,这个窗口的窗口对象的window属性执行窗口对象自身。所有下面的语句总是返回相同的窗口对象:

window.window
window.window.window
window.window.window.window
...

Document文档

文档接口Document interface表示任何加载到浏览器的网页和进入到网页内容的入口点,这是DOM树型。当一个HTML文档被加载到网页浏览器中,它就成为一个文档对象。它是HTML文档的根节点。这个文档实际上被加载到窗口对象当中,并且有属性变量,如title, URL, cookie,等等。HTML文档,用"text/html"提供内容类型服务,也实现HTMLDocument接口,而 XML和SVG 文档实现XMLDocument接口。

Screen 屏幕

屏幕是关于物理屏幕尺寸的小信息对象。它用来显示屏幕的宽度width, 高度height, 色深colorDepth, 像素深度pixelDepth 等等。用屏幕对象并不强制带有window前缀。可以省略window前缀。

属性:

screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
原文链接