编写相应程序代码即可。
代码如下:
<script>
function getInfo()
{
var s = ""
s += " 网页可见区域宽:"+ document.body.clientWidth
s += " 网页可见区域高:"+ document.body.clientHeight
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"
s += " 网页正文全文宽:"+ document.body.scrollWidth
s += " 网页正文全文高:"+ document.body.scrollHeight
s += " 网页被卷去的高(ff):"+ document.body.scrollTop
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop
s += " 网页被卷去的左:"+ document.body.scrollLeft
s += " 网页正文部分上:"+ window.screenTop
s += " 网页正文部分左:"+ window.screenLeft
s += " 屏幕分辨率的高:"+ window.screen.height s += " 屏幕分辨率的宽:"+ window.screen.width
s += " 屏幕可用工作区高度:"+ window.screen.availHeight
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"
//alert (s)
}
getInfo()
</script>
超出固定高度显示滚动条,只要设置style属性中的overflowY="scroll"document.getElementById('scroll').style.overflowY="scroll"
获取div的高度,如果获取不到,可用下面的方法,一下方法是获取div的编辑完成后的高度:
/**
* obj:需要获取属性的html对象
* prop:需要获取的obj对象的属性
*/
function getCurrentStyle (obj, prop) {
if (obj.currentStyle) {
return obj.currentStyle[prop]
}
else if (window.getComputedStyle) {
propprop = prop.replace (/([A-Z])/g, "-$1")
propprop = prop.toLowerCase ()
return document.defaultView.getComputedStyle (obj,null)[prop]
}
return null
}
var div = document.getElementsByTagName("div")[0]
var height = getCurrentStyle(div,"height")