JavaScript中DOM与BOM的区别

1、BOM

• BOM全称为Brower Object Model，中文翻译为浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口。通过BOM可以用来获取或设置浏览器的属性、行为，例如：弹出一个窗口（alert()），获取屏幕分辨率（window.screen），获取浏览器版本号等等
• BOM在各个浏览器的定义和实现上都有所不同

2、DOM

• DOM全称为Document Object Model，中文翻译为文档对象模型，描述了处理网页内容的方法和接口，是HTML和XML的API。通过DOM可用来获取或设置文档中标签的属性，例如：获取input表单的value值（document.getElementById("apple").value），页面上的任何一个标签都可以看做DOM节点

• DOM是WC3的标准，所有浏览器都遵循的标准

BOM与DOM的结构关系图