//jquery获取ID为abc的元素的宽度.
alert($("#abc").width())
//js获取ID为abc的元素的宽度.
alert(parseInt(document.getElementById('abc').style.width))
</script>
js通过html对象的style属性获取元素属性.
获取到的值是包含单位（px像素）的.
将获取到的值转化成整数就可去掉单位.
parseInt() 函数可解析一个字符串，并返回一个整数.
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0，则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头，将以 16 为基数。
如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
第一种情况就是宽高都写在样式表里，就比如#div1{width:120px}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。
第二种情况就是宽和高是写在行内中，比如style="width:120px"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）
小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。
现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1.style.width对 应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。
代码：
var o = document.getElementById("view")var h = o.offsetHeight//高度var w = o.offsetWidth//宽度
扩展资料：
js编程:
JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。
Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++）。
因此，在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。
参考资料：javascript_百度百科
编写相应程序代码即可。
代码如下：
<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>
