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