天天看点

JavaScript中DOM 和 BOM的区别

作者:充满元气的twilight

DOM 指的是文档对象模型(Document Object Model),它指的是把文档当做一个对象,是浏览器提供的一套专门用来操作网页内容的功能。

JavaScript中DOM 和 BOM的区别

BOM 指的是浏览器对象模型(Brower Object Model),它指的是把浏览器当做一个对象来对待,这个对象主要定义了与浏览器进行交互的法和接口。简单的说是告诉我们,浏览器可以做些什么?BOM的核心是window对象。而window对象含有location对象,navigator对象,history对象,screen对象,还有最重要的document对象也是window对象下的子对象等等。

JavaScript中DOM 和 BOM的区别

下面具体说下Window对象下常用的子对象

  • navigator对象:通过navigator对象的方法和属性,包含了一系列浏览器信息的属性 userAgent是最常用的属性,用来完成浏览器判断。
JavaScript中DOM 和 BOM的区别
  • location对象:通过 location 对象的方法和属性,可以获取当前页面的 URL 和对 URL 进行操作,如 href、protocol、hostname、pathname 等。
JavaScript中DOM 和 BOM的区别
  • history对象:通过 history 对象的方法和属性,可以对浏览器的历史记录进行操作,如 back()、forward()、go() 等。
JavaScript中DOM 和 BOM的区别
  • screen对象:通过 screen 对象的方法和属性,可以获取屏幕的信息,如 width、height、colorDepth、availWidth、availHeight 等
JavaScript中DOM 和 BOM的区别

继续阅读