<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.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>
<INPUT TYPE="button" VALUE="BUTTON" ONCLICK="d()">
<div id="div"></div>
<div id="div2" style="position:absolute; top:250px; left:100px; width:750px; height: 550px; background-color:#999999"></div>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
function computeLocation(obj) {
if (obj == null)
return {
x : 0,
y : 0,
w : 0,
h : 0
};
var loc_ = {
x : 0,
y : 0,
w : obj.offsetWidth,
h : obj.offsetHeight
};
while (obj) {
loc_.x += obj.offsetLeft;
loc_.y += obj.offsetTop;
obj = obj.offsetParent;
}
return loc_;
}
function get(id){return document.getElementById(id);}
function addEvent(c, b, a) {
if (c.addEventListener) {
c.addEventListener(b, a, false);
} else {
c.attachEvent("on" + b, a);
}
}
function d(){
get("div").innerHTML = "document.body.offsetHeight(Dom呈现的高度,以px为单位的整数):" + document.body.offsetHeight;
get("div").innerHTML += "<br/>";
get("div").innerHTML += "document.body.offsetLeft(Dom的左边缘相对于包含其元素(offsetParent)的左边缘的距离,px为单位):" + document.body.offsetTop;
get("div").innerHTML += "<br/>";
get("div").innerHTML += "document.body.clientHeight:Window.innerheight(\"Window\"的可见部分的高度,px为单位):" + (document.body.clientHeight?document.body.clientHeight:Window.innerheight);
get("div").innerHTML += "<br/>";
get("div").innerHTML += "document.body.scrollHeight(Dom的实际高度,不出现滚动条的高度,px为单位):" + document.body.scrollHeight;
get("div").innerHTML += "<br/>";
get("div").innerHTML += "document.body.scrollTop(纵向滚动条卷起的长度,px为单位):" + document.body.scrollTop;
get("div").innerHTML += "<br/>";
get("div2").style.top = ((document.body.clientHeight?document.body.clientHeight:Window.innerheight) - computeLocation(get("div2")).h) + "px";
get("div2").style.left = ((document.body.clientWidth?document.body.clientWidth:Window.innerwidth) - computeLocation(get("div2")).w) + "px";
get("div2").style.top = ((document.body.clientHeight?document.body.clientHeight:Window.innerheight) - computeLocation(get("div2")).h) + "px";
}
//-->
</SCRIPT>