.clientWidth / .clientHeight——浏览器 / 元素可视区的宽度 / 高度（BOM）

一、可视区尺寸

可视区尺寸：不包括收藏栏，地址栏等

 

二、.clientWidth——浏览器 / 元素可视区的宽度

写法：

元素.clientWidth  （元素可视区 ）

document.documentElement.clientWidth   （浏览器可视区）

包含内容：样式宽（.style.width） + 两边的padding

读写性：只读属性

浏览器兼容性：无

alert( document.documentElement.clientWidth );

 

三、.clientHeight——浏览器 / 元素可视区的高度

写法：

元素.clientHeight（元素可视区 ）

document.documentElement.clientHeight   （浏览器可视区）

包含内容：样式高（.style.hight） + 两边的padding

读写性：只读属性

浏览器兼容性：无

alert( document.documentElement.clientHeight );