秀才爱上兵 复制
诚恳坦然地承认奋斗后的失败，成功后的失落，只能变得更沉着！
我的日志
offsetWidth和width
分类:网络
2007.2.27
13:40
|
评论：0
| 阅读：0
对象的offsetWidth和width有什么不同啊?
如果宽度为300,offsetWidth也为300,...
求详细解释最好有例子
width是字符串
offsetWidth是数字
如width="300px";
offsetWidth =300
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>
当没指定width的时候，你看看是不是还一样？
http://msdn.microsoft.com/workshop/author/om/measuring.asp?frame=true
=====碌碌123=====
上面的图经典
<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 "Clock_Tick()">
<DIV ID="MyDiv" width='150px'> </DIV>
</BODY>
</HTML>
如果宽度为300,offsetWidth也为300,...
求详细解释最好有例子
1楼
width是字符串
offsetWidth是数字
如width="300px";
offsetWidth =300
2楼
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>
3楼
当没指定width的时候，你看看是不是还一样？
4楼
http://msdn.microsoft.com/workshop/author/om/measuring.asp?frame=true
=====碌碌123=====
5楼
上面的图经典
6楼
<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 "Clock_Tick()">
<DIV ID="MyDiv" width='150px'> </DIV>
</BODY>
</HTML>
你可以通过这个链接引用该篇文章:http://pc372.bokee.com/viewdiary.15010951.html
HTML:scro... 上一篇
|
下一篇 ADODB.Str...
我的广告
我的搜索
加为好友
发送私信
给我留言
加入收藏
我的群组
荐给好友
定制广告
