标准模式和混杂模式的可视宽高

今天来谈一谈dom 的最后一个知识点，有关标准模式和混杂模式的可视宽高。这个可视宽高分为两种，一个是文档的可视宽高，即我们所说的显示内容部分的宽和高，还有一个就是页面主体部分的宽和高，即body 部分的。下面我们来具体看一下:
标准模式的写法:document. documentElement.clientWidth (clientHeight )此时获得的是在IE 、火狐、欧朋、safari ，即除谷歌以外所有的浏览器的写法方式，document. documentElement. ﹉

混杂模式的写法:document. body. clientWidth (clientHeight )此时获得的是专属于谷歌浏览器的写法方式，即document. body. ﹉

document. documentElement. client Width 和clientHeight 都是指可视部分的宽高，如果加了内边距之后，它的可是部分宽高都会发生变化，即去除了内边距的高度值。
document. body. clientWidth 和clientHeight 都是主体body 部分的宽高，设定了body 有多宽和多高了之后就可以获取到相应的数值。如果加上了这样一段style: *{margin: 0;padding: 0;}那么把本身可视部分的内边距给去除掉了，那么body 主体部分的宽高基本上就和可视部分一样了。

scroll Width 和scrollHeight 是同样的道理，加上这两个取值样式之后会产生一个纵向和横向的滚动条，当移动了滚动条之后，弹出框弹出相应的数值。