JavaScript中DOM与BOM的区别

时间:2023-11-09 17:32:40

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的结构关系图

JavaScript中DOM与BOM的区别