网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
在我本地测试当中：
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果在页面中添加这行标记的话
在IE中：
document.body.clientWidth ==>BODY对象宽度
document.body.clientHeight ==>BODY对象高度
document.documentElement.clientWidth ==>可见区域宽度
document.documentElement.clientHeight ==>可见区域高度
在FireFox中：
document.body.clientWidth ==>BODY对象宽度
document.body.clientHeight ==>BODY对象高度
document.documentElement.clientWidth ==>可见区域宽度
document.documentElement.clientHeight ==>可见区域高度
?
在Opera中：
document.body.clientWidth ==>可见区域宽度
document.body.clientHeight ==>可见区域高度
document.documentElement.clientWidth ==>页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==>页面对象高度（即BODY对象高度加上Margin高）
而如果没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==>0
document.documentElement.clientHeight ==>0
FireFox为：
document.documentElement.clientWidth ==>页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==>页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==>页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==>页面对象高度（即BODY对象高度加上Margin高）
真是一件麻烦事情，其实就开发来看，宁可少一些对象和方法，不使用最新的标准要方便许多啊。
有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句”hello world” , 也仍然取到720.
可是在XHTML中, 如果body 体中只有一行, 则document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度, 就要用document.documentElement.clientHeight 来获取了.
原因是: 在HTML 中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值.
区别新旧标准的行是:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN” >
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
前者指明该页面使用旧标准, 后者指明该页面使用新标准.
html设置视频宽高是管用的。根据查询相关公开资料显示，html设置视频宽高是管用的。但是有的时候发现设置了视频的高度却并没有发生变化，我们可以设置其父元素的宽高，让video填充满父元素。只要给video标签加上style="width=100%。height=100%。object-fit：fill"即可。object-fit语法。1、在怪异模式下，也就是网页头部不写doctype的时候，body可以作为html元素的根元素，设置它的高度为百分之百的时候（不考虑外边距），可以使的页面的高度和浏览器客户区相同。在标准模式下，也就是网页头部写doctype的时候，body不是html页面的根元素，html才是根元素，如果仅仅设置body的100%，不设置html元素的高度为100%，那么body的高度不会生效，之所以不生效，是因为如果要以百分比设置元素的尺寸，必要以父元素的尺寸作为参考，如果父元素没有设置尺寸，自然不会生效。
2、在标准模式下，由于没有设置html的高度，所以body的高度100%就没有参考高度，于是也就导致div的百分比高度无效，如果将css代码中的第一行设置为:
div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。
前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度，而不是100%。
解决方法：只要为html和body设置高度为100%就可以了，html,body{height:100%}，这样之后div会按比例来继承上一级的高度了.仅仅设置的div元素的height属性貌似没有什么效果。
另外，html{height:100%}的高度是相对浏览器高度来说的。
