这个问题困扰了我好几天,在网上的资料得知document.body.scrollHeight是指在浏览器中显示的文档的高度,document.body.clientWidth是浏览器的高度,而document.body.offsetWidth 是浏览器的高度+横向滑动轮的高度(如果有的话)。我在IE中测试,确实是这样的,但在FF中得到的结果却完全不是这么回事,所以想问问是不是FF对这3个属性的定义是不同的。
我的例子如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <body onload="alert(s);" ><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽 document.body.clientWidth:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:document.body.clientHeight"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:document.body.offsetWidth"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:document.body.offsetHeight"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:document.body.scrollWidth"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:document.body.scrollHeight"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:document.body.scrollTop"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:document.body.scrollLeft"+ document.body.scrollLeft; for(a in document.body){
document.write(a);
document.write("----");
document.write(document.body[a]);
document.write("<br>");
}
</SCRIPT> </BODY>
</HTML>
我的例子如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <body onload="alert(s);" ><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽 document.body.clientWidth:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:document.body.clientHeight"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:document.body.offsetWidth"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:document.body.offsetHeight"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:document.body.scrollWidth"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:document.body.scrollHeight"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:document.body.scrollTop"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:document.body.scrollLeft"+ document.body.scrollLeft; for(a in document.body){
document.write(a);
document.write("----");
document.write(document.body[a]);
document.write("<br>");
}
</SCRIPT> </BODY>
</HTML>
document.body.clientWidth:没什么区别,视浏览器而定
IE:offsetHeight = clientHeight + 滚动条 + 边框; FF:scrollHeight是网页内容高度,最小是clientHeight
第一贷款网作为最好的贷款网在上海地区以最低的贷款利率为中国市民提供最好、最快的上海贷款:有抵押贷款、无抵押贷款、车贷、房贷、小额贷款、个人贷款、企业贷款、银行贷款。
第一贷款网 http://www.01dai.com 上海贷款