直观地理解HTML的高度

最新推荐文章于 2024-10-04 06:11:34 发布

云中客

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量564

点赞数

分类专栏： ASP.NET IIS及ASP资料文章标签： html function 工作

ASP.NET 同时被 2 个专栏收录

60 篇文章 0 订阅

订阅专栏

IIS及ASP资料

21 篇文章 0 订阅

订阅专栏

2011-04-16 12:30

总结代码如下：

function init(){
window.οnscrοll=function(e){
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 += " 网页被卷去的高："+ document.body.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 += " 目标坐标："+ document.getElementById("site2").offsetTop;
var objTop=document.getElementById("site2").offsetTop;
var sum=document.body.clientHeight+document.body.scrollTop;
if(sum>=objTop) alert("开始加载!");
document.getElementById("screen").innerHTML = s ;
}