DOM 指的是文档对象模型(Document Object Model),它指的是把文档当做一个对象,是浏览器提供的一套专门用来操作网页内容的功能。
BOM 指的是浏览器对象模型(Brower Object Model),它指的是把浏览器当做一个对象来对待,这个对象主要定义了与浏览器进行交互的法和接口。简单的说是告诉我们,浏览器可以做些什么?BOM的核心是window对象。而window对象含有location对象,navigator对象,history对象,screen对象,还有最重要的document对象也是window对象下的子对象等等。
下面具体说下Window对象下常用的子对象
- navigator对象:通过navigator对象的方法和属性,包含了一系列浏览器信息的属性 userAgent是最常用的属性,用来完成浏览器判断。
- location对象:通过 location 对象的方法和属性,可以获取当前页面的 URL 和对 URL 进行操作,如 href、protocol、hostname、pathname 等。
- history对象:通过 history 对象的方法和属性,可以对浏览器的历史记录进行操作,如 back()、forward()、go() 等。
- screen对象:通过 screen 对象的方法和属性,可以获取屏幕的信息,如 width、height、colorDepth、availWidth、availHeight 等