document.body.clientwidth - 网页可见区域宽
document.body.clientheight - 网页可见区域高
document.body.offsetwidth - 网页可见区域宽，包括边线和滚动条的宽
document.body.offsetheight - 网页可见区域高，包括边线和滚动条的高[ff,chrom下是整个页面高，ie opera 下正常]
document.body.scrollwidth - 网页总宽
document.body.scrollheight - 网页总高
document.body.scrolltop - 有滚动条的时候，向下拖动滚动条，上方不显示的那部分高度
document.body.scrollleft - 同上
window.innerheight - 浏览器窗口的内部高度
window.innerwidth - 浏览器窗口的内部宽度
window.screentop - 网页正文部分上[网页文档的最上方距离屏幕最上方的距离，但ff不支持，chrom,ie,opera表现都不同，慎用]
window.screenleft - 网页正文部分左[网页文档的最左方距离屏幕最左方的距离，但ff不支持，chrom,ie,opera表现都不同，慎用]
window.screen.height - 屏幕分辨率的高度
window.screen.width - 屏幕分辨率的宽度
window.screen.availheight - 可用工作区高度[整个屏幕但不包括下方任务栏]
window.screen.availwidth - 可用工作区宽度[整个屏幕的宽度]
window.screen.clordepth - 屏幕色彩，常用的16,32位等
window.screen.devicexdpi - 屏幕像素/英寸【ie支持，其它不支持】
javascript 获取页面宽高的方法

在我本地测试当中：
在ie、firefox、opera下都可以使用
document.body.clientwidthdocument.body.clientheight

即可获得，很简单，很方便。
而在公司项目当中：
opera仍然使用
document.body.clientwidthdocument.body.clientheight

可是ie和firefox则使用
document.documentelement.clientwidthdocument.documentelement.clientheight
原来是w3c的标准在作怪啊
如果在页面中添加这行标记的话
在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 ==> 0document.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高）
以上所述就是本文的全部内容了，希望大家能够喜欢。