BOM与DOM（解疑document window关系）

BOM（浏览器对象模型）

定义与作用
BOM（Browser Object Model）提供与浏览器窗口交互的接口，用于控制导航、窗口尺寸、历史记录等浏览器行为

window：浏览器窗口的顶层对象，包含全局属性和方法（如 alert()）

BOM的核心对象是window，而DOM的核心对象document是window的一个属性。通过window.document可以直接访问DOM的根节点，这表明DOM在结构上是BOM的子集

DOM（文档对象模型）

定义与作用
DOM（Document Object Model）是用于操作 HTML/XML 文档的编程接口，它将网页内容解析为树状结构（DOM树），允许开发者通过 JavaScript 动态访问和修改页面元素、属性、样式及事件等

核心对象：document 是 DOM 的入口，代表整个 HTML 文档

节点类型：
元素节点（如

）、文本节点（元素内的文本）、属性节点（如 class）等

alert()、，实际是调用window.alert()、
**// 直接访问 document
document.getElementById(“content”);

// 等价于通过 window 访问
window.document.getElementById(“content”);

BOM 的组成部分： console 是浏览器对象模型（BOM）提供的调试工具接口，而 BOM 的核心对象是 window，因此 console 作为浏览器功能的一部分，自然挂载在 window 下。
全局作用域的体现： window 是浏览器中的全局作用域对象，所有浏览器提供的全局 API（如 document，console）均是其属性。
window.alert(…) 警告框
document.write(…) 在HTML 输出内容
console.log(…) 写入浏览器控制台
没有写window的其实默认有
原因，window 是全局对象 在浏览器环境中，window 是 JavaScript 的全局对象，所有全局作用域下的变量、函数和内置方法均属于 window 的属性或方法 。