总是记不住的差别,现在记录下来!
offsetWidth 水平方向width+左右padding+左右border - width;
offsetHeight 垂直方向height+上下padding+上下border - width;
clientWidth 水平方向width+左右padding;
clientHeight 垂直方向height+上下padding;
window视图属性(低版本IE浏览器<IE9不支持):
innerWidth 浏览器窗口可视区宽度(不包括浏览器控制台、菜单栏、工具栏)
innerHeight 浏览器窗口可视区高度(不包括浏览器控制台、菜单栏、工具栏)
另外加点内容:
scrollWidth 元素内容真实的宽度,内容不超出盒子高度时为盒子的clientWidth;
scrollHeight 元素内柔真实的高度,内容不超出盒子高度时为盒子的clientHeight;