js获取浏览器和屏幕宽高等信息(转)
虽然这些东西msdn 中都可以找到，但是为了方便查询，还是把网友的总结放了上来：
网页可见区域宽： document.body.clientWidth
网页可见区域高： 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
你的屏幕设置是 window.screen.colorDepth 位彩色
你的屏幕设置 window.screen.deviceXDPI (像素/英寸)
关于document.body.scrollTop一直为0的解决办法～这个是个兼容问题～前面有讲过 这里再重新说一下～～
解决办法～～～
=1=
去掉<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
这样的web标准语句,因为加上后会让document.body.scrollTop一直为0
=2=
写成:document.documentElement.scrollTop
网页可见区域宽： document.body.clientWidth
网页可见区域高： 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
你的屏幕设置是 window.screen.colorDepth 位彩色
你的屏幕设置 window.screen.deviceXDPI (像素/英寸)
关于document.body.scrollTop一直为0的解决办法～这个是个兼容问题～前面有讲过 这里再重新说一下～～
解决办法～～～
=1=
去掉<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
这样的web标准语句,因为加上后会让document.body.scrollTop一直为0
=2=
写成:document.documentElement.scrollTop
