BOM的一些容易混淆的点

1.什么是window对象？什么是document对象的区别？

1)window对象

window是浏览器对象可以称为宿主对象，当打开一个浏览器窗口或者框架时就会创建一个window对象。在客户端JavaScript中，window是全局对象global，所有表达式都在当前环境下运算，引用当前窗口直接当做去全局变量去使用就好。

2)document对象

document对象属于HTML文档，可以用来访问页面所有的元素。每载入一个HTML文档就会生成一个document对象。

3)两者主要区别

document对象是window对象的一部分，可以通过window对象里面的window.document来访问。注意一个点就行：iframe里面也可以装个document，在iframe里面就有区别了console.log(document.location === window.location); // true

2.offsetWidth、clientWidth和scrollTop之间的区别？

1)与盒子的大小位置息息相关

• offsetWidth和offsetHight：代表的是盒子本身的宽度和高度包括内容区、边框、内边距，不包括外边距；
• offsetLeft和offsetTop：代表盒子从外边框起与视口的距离；不包括外边框

2)表示盒子的内容区和内边距

• clientWidth
• clientHight

3)滚动区域的大小

• scrollTop：被隐藏在元素上方的像素值；
• scrollLeft：被隐藏在元素左边的像素值；
• scrollHeight和scrollWidth：元素内容的总的高度和宽度；
  需要注意的点：在没有滚动条的话scrollWidth和clientWidth的关系不是很清晰，各个浏览器之间的差别很大；

3.js的三大对象

本地对象：

简单来说本地对象就是ECMAScript定义的引用类型，在运行过程中需要用new关键字创建实例对象。包含：Object、Array、Date、Function、String、RegExp、Number、Boolean等；

内置对象：
内置对象属于本地对象的一个子集包含：Math、Global、JSON；

宿主对象：
可以理解为ECMAScript实现的由浏览器提供的对象，主要有两大类：一种是宿主提供的包含所有的BOM和DOM对象，另一种是自定义对象；

4.js对象中的两类属性（自有和继承）

• 自有属性：也叫实例属性，可以直接在属性上定义；
• 继承属性：也叫原型属性，也就是在对象的原型原型上定义的属性；