一、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