offsetWidth和width有什么不同啊?

jackker 2006-03-08 02:44:04

对象的offsetWidth和width有什么不同啊?

如果宽度为300,offsetWidth也为300,...

求详细解释最好有例子

...全文

1397 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

DeluxWorld 2006-03-08

打赏
举报

<HTML>
<HEAD><TITLE>THIS IS A TEST</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function Clock_Tick(){
var doc_width = document.body.offsetWidth;
alert(doc_width);
var div_width = document.getElementById('MyDiv').offsetWidth;
alert(div_width);
alert(document.body.width);//body的width未定义
alert(document.getElementById('MyDiv').width);//div的width定义
}
</SCRIPT>
<BODY onload="Clock_Tick()">
<DIV ID="MyDiv" width='150px'> </DIV>
</BODY>
</HTML>

KimSoft 2006-03-08

打赏
举报

上面的图经典

lunge 2006-03-08

打赏
举报

http://msdn.microsoft.com/workshop/author/om/measuring.asp?frame=true

=====碌碌123=====

是是非非 2006-03-08

打赏
举报

当没指定width的时候，你看看是不是还一样？

meizz 2006-03-08

打赏
举报

offsetWidth 包含了对象的边线的宽度
width 若你不在HTML里明确指定这个值，那它的返回值会不对。

//在javascript中得到当前窗口的高和宽
<body><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>

ice_berg16 2006-03-08