当前位置：早雪网 → 网络学院 → 编程文档 → HTML/CSS → top、clientTop、scrollTop、offsetTop

top、clientTop、scrollTop、offsetTop

减小字体

增大字体作者：未知来源：不详发布时间：2005-11-25 16:34:16

top、clientTop、scrollTop、offsetTop

图示说明如下：

示列代码：

<html>
<head>
<title>51windows.Net </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<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;
alert(s);
</SCRIPT>
</body>
</html>

Tags：top,clientTop,scrollTop,offsetTop

[数据载入中...] [返回上一页] [打印]

·用Topaz滤镜制作另类非主流照片

·[组图]photops制做精美个性签名

·[组图]photops 超简单抠婚纱方法

·[组图]蜡染效果的photops制作

·IE设计缺陷殃及Google Desktop

·[图文]top、clientTop、scrollTop、offsetTop

·“HillTop”论 - 探索Google排名新算法

·“HillTop”论 - 探索Google排名新算法(一)

·Hilltop 算法

·2003年国际家具设计竞赛 TOP 20