编写相应程序代码即可。
代码如下：
<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>
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
#div {
width: 100px
height: 50px
border: 1px solid red
color: green
text-align: center
}
input {
width: 250px
}
</style>
<script>
function test() {
var a = document.getElementById('a')
var b = document.getElementById('b')
var div = document.getElementById('div')
div.style.width = a.value + 'px'
div.style.height = b.value + 'px'
}
</script>
</head>
<body>
<div>宽度（默认100px）：<input type="text" id="a" placeholder="输入想要的宽度，点击测试看效果" /></div>
<div>高度（默认50px）：<input type="text" id="b" placeholder="输入想要的高度，点击测试看效果" /></div>
<div><button onclick="test()">点击测试</button></div>
<div id="div">来改变我</div>
</body>
</html>
运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：
currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。
如果只是单独的获取某个属性值可以这样写：
obj.currentStyle[属性名]这种不兼容-webkit-内核的，
所以一般是封装成一个函数可以到处调用，而且不止针对某个属性值。
function getStyle(obj,styleName){if(obj.currentStyle){return obj.currentStyle[styleName]}else{return getComputedStyle(obj,null)[styleName]}
}
上面是封装好一个函数，可以直接调用。
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
