clientHeight = padding-top + height + padding-bottom

clientWidth = padding-left + height + padding-right

    内容
内容
内容
内容
内容
内容

内容

内容

页面大小

常用document.documentElement的client属性来表示页面大小(不包含滚动条宽度)

[注意]在IE7-浏览器中，元素默认存在垂直滚动条

另一个对常用的表示页面大小的属性是window.innerHeight和innerWidth属性(包含滚动条宽度)

innerHeight和innerWidth表示的是浏览器窗口大小减去菜单栏、地址栏等剩余的页面尺寸，由于滚动条是属于页面的，所以包含滚动条

[注意]IE8-浏览器不支持innerHeight和innerWidth属性

如果没有滚动条，这两类属性在电脑端表示同样的值，但是却表示不同的含义。在移动端，innerWidth和innerHeight表示的是视觉视口，即用户正在看到的网站的区域；而document.documentElement.clientWidth和clientHeight表示的是布局视口，指CSS布局的尺寸。详细情况移步至此

[注意]页面的客户区大小和页面的实际大小是不同的，页面的实际大小将由后文的scroll滚动大小来表示

注意事项

【1】所有客户区client属性都是只读的