JS获取当前对象大小 高度
转自：http://wangyu.iteye.com/blog/353141http://wangyu.iteye.com/blog/341228
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><SCRIPT LANGUAGE="JavaScript">window.onload=getInfo;<!--function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += "<br> 网页可见区域高："+ document.body.clientHeight; s += "<br> 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s += "<br> 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"; s += "<br> 网页正文全文宽："+ document.body.scrollWidth; s += "<br> 网页正文全文高："+ document.body.scrollHeight; s += "<br> 网页被卷去的高(ff)："+ document.body.scrollTop; s += "<br> 网页被卷去的高(ie)："+ document.documentElement.scrollTop; s += "<br> 网页被卷去的左："+ document.body.scrollLeft; s += "<br> 网页正文部分上："+ window.screenTop; s += "<br> 网页正文部分左："+ window.screenLeft; s += "<br> 屏幕分辨率的高："+ window.screen.height; s += "<br> 屏幕分辨率的宽："+ window.screen.width; s += "<br> 屏幕可用工作区高度："+ window.screen.availHeight; s += "<br> 屏幕可用工作区宽度："+ window.screen.availWidth; s += "<br> 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; s += "<br> 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; show.innerHTML=s;}//--></SCRIPT> </HEAD> <BODY> <div id="show"></div> </BODY></HTML>
在我本地测试当中：
在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的标准在作怪啊
<div class="bar"><div class="tools">Html代码 http://wangyu.iteye.com/images/icon_copy.gif
页:
[1]