一、BOM 浏览器对象

1、Window 对象

表示浏览器中打开的窗口。

如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

属性和方法参考: https://www.runoob.com/jsref/obj-window.html

2、Navigator 对象

包含有关浏览器的信息。

属性和方法参考: https://www.runoob.com/jsref/obj-navigator.html

3、Screen 对象

包含有关客户端显示屏幕的信息。

属性和方法参考: https://www.runoob.com/jsref/obj-screen.html

4、History 对象

包含用户(在浏览器窗口中)访问过的 URL，可通过window.history 属性对其进行访问。

属性和方法参考: https://www.runoob.com/jsref/obj-history.html

5、Location 对象

包含有关当前 URL 的信息，可通过 window.Location 属性对其进行访问。

属性和方法参考: https://www.runoob.com/jsref/obj-location.html

6、存储对象

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

属性和方法参考: https://www.runoob.com/jsref/obj-storage.html

二、DOM HTML文档对象

关于DOM的教程参考: https://www.runoob.com/htmldom/htmldom-tutorial.html

1、document 文档对象

在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:

(1) 文档是一个文档节点。

(2) 所有的HTML元素都是元素节点。

(3) 所有 HTML 属性都是属性节点。

(4) 文本插入到 HTML 元素是文本节点。

(5) 注释是注释节点。

Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

属性和方法参考: https://www.runoob.com/jsref/dom-obj-document.html

2、element 元素对象

在 HTML DOM 中, 元素对象代表着一个 HTML 元素。

元素对象的子节点可以是, 可以是元素节点、文本节点、注释节点。

元素可以有属性。属性属于属性节点。

通用属性和方法参考: https://www.runoob.com/jsref/dom-obj-all.html

具体类型元素的属性和方法参考(https://www.runoob.com/jsref/jsref-tutorial.html)中的HTML元素对象参考手册。

3、attr 属性对象

HTML属性总是属于HTML元素。

属性和方法参考: https://www.runoob.com/jsref/dom-obj-attributes.html

4、event 事件对象

事件允许Javascript在HTML文档元素中注册不同事件处理程序。

属性和方法参考: https://www.runoob.com/jsref/dom-obj-event.html

5、Console 对象

提供了访问浏览器调试模式信息的控制台的接口。

属性和方法参考: https://www.runoob.com/jsref/obj-console.html

6、CSSStyleDeclaration 对象

表示一个 CSS 属性-值（property-value）对的集合。

属性和方法参考: https://www.runoob.com/jsref/obj-cssstyledeclaration.html

7、HTMLCollection 对象

HTMLCollection 是 HTML 元素的集合。

HTMLCollection 对象类似一个包含 HTML 元素的数组列表。

属性和方法参考: https://www.runoob.com/jsref/dom-htmlcollection.html