DOM、BOM与HTML的关系是什么?

内容纲要

关于DOM、BOM、Document、Windows与HTML的关系:

  • DOM 是为了操作文档出现的 API,document 是其的一个对象;
  • BOM 是为了操作浏览器出现的 API,window 是其的一个对象。

    推荐学习链接:

Javascript之BOM与DOM讲解

DOM探索之基础详解篇学习笔记

归DOM管的

  • E区(就是你说的document啦。由web开发人员呕心沥血写出来的一个文件夹,里面有index.html,CSS和JS什么鬼的,部署在服务器上,我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到本地,浏览,右键查看源代码等。

归BOM管的

  • A区(浏览器的标签页,地址栏,搜索栏,书签栏,窗口放大还原关闭按钮,菜单栏等等)
  • B区(浏览器的右键菜单)
  • C区(document加载时的状态栏,显示http状态码等)
  • D区(滚动条scroll bar)

BOM是浏览器对象模型,DOM是文档对象模型,前者是对浏览器本身进行操作,而后者是对浏览器(可看成容器)内的内容进行操作

BOM和DOM的结构关系示意图