1.关于BOM
BOM是浏览器对象模型,BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关;主要是用来获取或设置浏览器的属性和行为,比如打开窗口、关闭页面、获取浏览器的宽高度等。
window.open();//打开窗口
window.colose();//关闭窗口
console.log(window.innerWidth);//获取浏览器的宽度
console.log(window.innerHeight);//获取浏览器的高度
BOM是由navigator、history、screen、location、window五个对象组成的,最根本对象是window。
2.关于DOM
DOM是文档对象模型,HTML 和 XML 的应用程序接口(API),用来获取或设置文档中标签的属性,和HTML网页有关。网页是由服务器发送给客户端浏览器的,无论用什么浏览器,接收到的HTML都是一样的,所以DOM和浏览器无关,它关注的是网页本身的内容。
document.getElementById();//根据ID获取一个标签
document.getElementByClassName();//根据Class名获取
document.getElementByTagName();//根据标签名获取一个标签集
DOM最根本对象是document(实际上是window.document)。
3.BOM和DOM的区别
DOM描述了处理网页内容的方法和接口,与浏览器无关;BOM描述了与浏览器进行交互的方法和接口,与浏览器关系密切。
DOM的最根本对象是document,BOM的最根本对象是window。