26   CSS HTTP JS

一,名称来源:

BOM 全称 brower object model,浏览器的对象模型,JS 通过这个对象来操作浏览器
DOM 全程 document object model,文档的对象模型,JS 通过这个对象来操作网页文档
来张图来了解下BOM和DOM的区别和负责范围

微信图片_20180909113718

 

二,区别

 

在编程语言中,对象即有属性也有方法,比如一个人,有身高属性,也有的走路的方法

BOM 也一样,即有浏览器的属性,也有操作浏览器的方法,比如属性 window.location, 方法 window.open()
而且属性也可以是对象,比如 window.history.length,window.history.back()

在 JS 中一切皆对象
BOM 常用属性和方法有
document
history
location
screen
navigator

你会发现 BOM 有个 document,这个跟 DOM 有什么关系呢?实际上是同一个对象。
因为浏览器包括了网页,所以 DOM 其实是属于浏览器的其中一个属性,所以 window.document==document

DOM 是网页文档的对象,能够访问网页的所有元素,并提供操作方法
DOM 由HTML编写而成,遵循 W3C 规范,兼容多种浏览器

DOM 常用属性和方法有
title
value
getElementById()
querySelector()




Leave a Reply

Your email address will not be published. Required fields are marked *