JavaScript 之 DOM 与 BOM

时间:2023-11-09 17:48:38

DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。

由于DOM的操作对象是文档(Document),所以dom和浏览器没有直接关系。

BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。

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

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

JavaScript 之 DOM 与 BOM

归DOM管的:绿色框内区域

就是document。由web开发人员写出来的一个文件夹,里面有html,CSS和JS,

部署在服务器上,我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到本地,浏览,右键查看源代码等。

归BOM管的:红色框内区域

浏览器的标签页,地址栏,搜索栏,书签栏,窗口放大还原关闭按钮,菜单栏等等

浏览器的右键菜单

document加载时的状态栏,显示http状态码等

滚动条