window、BOM、 document、 DOM

window：顾名思义，窗口，浏览器窗口。是Window构造函数的一个实例对象。

它包含浏览器的一些属性和方法，如screen,location,history,setInterval等。

// 浏览器窗口的高度和宽度（不包含工具栏和滚动条）--兼容办法

var width = window.innerWidth || document.documentElement.clientWidth ||

document.body.clientWidth

var height = window.innerHeight ||

document.documentElement.clientHeight ||

document.body.clientHeight

所有JS变量中的全局变量和函数成为window对象的属性和方法。

BOM： BrowserObjectModel; 浏览器对象模型；允许JS和浏览器通话。

window是BOM的一个顶层对象。

document: 文档对象，一个html页面是一个文档对象。包含<!DOCTYPE html> 的声明。

可以通过document对象提供的各种方法和属性访问文档内的内容。里面的每个标签都是一个DOM对象。

const htmlDOM = window.document.documentElement; 
const rooElement = window.document.getElementById('root');

DOM： DocumentObjectModel。文档对象模型。

document对象是DOM的一个顶层对象。

另外window对象包含document对象。

window.document === document

巴特西

window、BOM、 document、 DOM

最新文章

热门文章