页面DOM几个表示宽高、距离的属性
<!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>
