浏览器为我们提供了对象的层次结构,我们可以用它来控制和访问不同的信息比如时间,屏幕,页面,元素等等。

全局结构

浏览器为开发者提供许多通向对象层次的入口供开发者操作。从下图你可以看到一部分:

浏览器环境_DOM

浏览器结构

最顶层为Window,也可以调用全局对象。所有的对象由三个部分组成

文档对象模型(DOM)

文档及相关对象允许访问页面中的内容,修改元素等等。大部分与HTML的交互在这里进行操作。

有一群DOM标准被W3C开发,你可以在W3C DOM找到更多内容。DOM有三个级别,每个级别扩展了前一个的内容。现代浏览器支持从浏览器黑暗时期的W3C早期功能,称为DOM 0.

浏览器对象模型(BOM)

BOM是一群可以控制浏览器的对象,例如当前URL,访问Frame,使用XMLHttpRequest做后台请求。函数例如alert, confirm, prompt 也属于BOM,他们是由浏览器提供的。

很多的BOM功能被HTML5标准化,但不是所有。

Javascript对象及函数

JavaScript本身是一个语言,它让我们可以访问DOM,BOM,对象和函数。

JavaScript遵循ECMA-262标准。

Window全局对象混合了浏览器窗口函数(focus(), open()等等)和JavaScript全局对象。这是它被画成绿色和红色的原因。

总结

尽管这些很理论化,但还是了解为好。

为了帮助你解决问题和进一步学习,你有必要阅读DOM和其他相关标准。