1. window

浏览器对象(Browser 对象)

1. Window 表示浏览器中打开的窗口
    1. 常用innerheight、outerheight、alert() 、 scrollTo() 等
    2. 对document、Navigator、History、Location 的只读引用
2. Navigator、
3. Screen
4. History 包含用户(在浏览器窗口中)访问过的 URL。
5. Location

2. document

说到 document 一定要先提 DOM:document object model,翻译过来就是文档对象模型。

借用 DOM 是什么? - 果冻公开课的回答 - 知乎 的回答:

用户在浏览器输入 URL 之后,发生了这些事情:

输入的网址在通过DNS解析后得到服务器地址
浏览器向服务器发起http请求,经过TCP/IP三次握手确认链接后,服务器将需要的代码发回给浏览器。
浏览器接收到代码后进行解析,经过三大步骤:
DOM构造、布局以及绘制页面,最终展现为人人都能看懂的网页。

浏览器首先将获取到的 html 代码,通过 html 解析器解析构建为一颗 DOM 树,并以 window.document(可以简写为 document)的形式,以一个 JavaScript 对象的形态存在在 window 全局作用域。

dom 中含有 HTML 元素(Element)、HTML 属性(Attribute)、Event 对象

常用: document.getElementById() document.documentElement element.className element.scrollTop

3. documentElement

documentElement 是 document 对象的一个属性,表示 DOM 树的根元素(也就是 html),可以通过 document.documentElement 来获取。因此 document.documentElement 和 document.querySelector(‘html’)是一样的。

4. html 和 body

image