DOM、document、BOM、window区别

November 08, 2023 591

一、总结

​ DOM: DOM 是为了操作文档出现的 API，document 是其的一个对象（顶级对象）

​ BOM: BOM 是为了操作浏览器出现的 API，window 是其的一个对象（顶级对象）。

二、DOM

​ 定义：为了能够通过编程的方法操作HTML的内容（添些元素、修改元素、删除元素），即对各种DOM进行操作。

三、Document

  • 定义：Document就是整个DOM树的根节点。可以通过document访问到dom树的所有节点。

  • 总结的document的属性：

    1
    2
    3
    4
    5
    6
    7
    8
    cookie 
    domain:返回文档当前的域名
    URL:返回文档当前的URL
    title:拿到文档的标题
    body
    head
    getElementBy系列

四、BOM

  • 定义：BOM是为了控制浏览器行为而出现的接口。它里面有着很多的对象来操作浏览器的行为。

五、Window

  • 定义：window是BOM的顶层对象，其他的BOM对象都是window的属性，主要用于获取浏览器信息和对浏览器的操作。

  • 总结的window的属性：screen,location,history(vue-route的history模式也是基于此属性),setInterval等

    https://www.runoob.com/jsref/obj-window.html