08-JS特效-三大系列之client系列

三大系列

offset-位移

scroll-卷页

client-可视区

client（6个）

1、clientWidth/clientHeight：获取网页可视区域宽高

调用者不同，意义不同：

- 盒子调用：用来检测盒子的宽高+padding;

clientWidth = width+padding;不包含border和margin,而且不会被内容左右

- body/htm调用：可视区域大小；

2、clientTop/clientLeft (不常用)

clientTop:检测盒子的上border
clientLeft:检测盒子的左border

3、clientX/clientY

调用者为event，检测鼠标距离可视区域的宽高

client之检浏览器宽/高度(可视区域)

• **IE9以上的版本：**window.innerWidth/innerHeight

• 标准模式（有DTD）：（document.compatMode === “CSS1Compat”）

document.documentElement.clientWidth