top、clientTop、scrollTop、offsetTop

转载 2007年09月25日 16:27:00
<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>

js中offsetTop,scrollTop,clientTop区别

一直以来对offsetLeft,offsetTop,scrollLeft,scrollTop这几个方法很迷糊,花了一天的时间好好的学习了一下.得出了以下的结果: 1.offsetTop     : ...
  • nideshijian
  • nideshijian
  • 2016年09月06日 20:19
  • 1332

scrollTop clientTop offsetTop scrollHeight clientHeight clientWidth的区别及用法

这几个属性做滚动时会经常用到,现总如下: 首先定义一个div,样式如下: *{ margin:0px; padding:0px;} body{ margin:0px; padding:10p...
  • sunny327
  • sunny327
  • 2014年08月23日 13:49
  • 1526

终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop

一、offsetHeight、scrollHeight、clientHeight ...
  • qq_27397357
  • qq_27397357
  • 2016年10月17日 20:06
  • 188

使用jquery改变元素在页面的位置--offsetTop,screenTop,clientTop关系及理解

在进行网页布局的时候会碰到需要进行HTML精确定位的情况,需要要将某一documentElement定位到页面的某一位置。   比如说传统的文档流是从上到下渲染网页的,当中间某一个元素不存在了(使用...
  • zerlinda_c
  • zerlinda_c
  • 2015年12月28日 19:16
  • 6790

js中关于scrolltop.offsettop等距离用法的介绍

页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offse...
  • jian_xi
  • jian_xi
  • 2016年12月01日 21:32
  • 1273

scrollTop、offsetHeight和offsetTop等属性用法详解

scrollTop、offsetHeight和offsetTop等属性用法详解: 标题中的几个相关相关属性在网页中有这大量的应用,尤其是在运动框架中,但是由于有些属性相互之间的概念比较混杂或者浏...
  • q67982154
  • q67982154
  • 2016年06月08日 11:35
  • 3946

html中offsetTop、clientTop、scrollTop、offsetTop各属性的解释

TML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth  scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取...
  • u014419806
  • u014419806
  • 2016年10月27日 10:15
  • 1010

搞清top、clientTop、scrollTop、offsetTop

scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内...
  • xiongchao2011
  • xiongchao2011
  • 2011年12月04日 01:39
  • 533

Top, clientTop, offsetTop,scrollTop的区别

页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.off...
  • atgwwx
  • atgwwx
  • 2013年05月24日 11:30
  • 485

offsetTop、clientTop、scrollTop、offsetTop定义

页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.off...
  • u013010416
  • u013010416
  • 2013年12月26日 15:00
  • 563
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:top、clientTop、scrollTop、offsetTop
举报原因:
原因补充:

(最多只允许输入30个字)