`
java_frog
  • 浏览: 254677 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

top、clientTop、scrollTop、offsetTop

工作.net 
阅读更多


<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>
分享到：
| marquee
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Js中 关于top、clientTop、scrollTop、offsetTop

    Js中 关于top、clientTop、scrollTop、offsetTop等

    Js中_关于top、clientTop、scrollTop、offsetTop

    Js 中关于 top、clientTop、scrollTop、offsetTop 在 JavaScript 中，top、clientTop、scrollTop 和 offsetTop 是四个常用的属性，它们都与元素的位置或尺寸相关。下面，我们将详细介绍这四个属性的含义、用法和...

    Js中关于top、clientTop、scrollTop、offsetTop.pdf

    Js 中关于 top、clientTop、scrollTop、offsetTop 的详细知识点 在 JavaScript 中，理解 top、clientTop、scrollTop、offsetTop 等属性是非常重要的，这些属性都是用于获取或设置 HTML 元素的位置和尺寸的。下面...

    js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

    在JavaScript中，`top`、`clientTop`、`scrollTop`和`offsetTop`都是用于处理元素位置和滚动状态的属性，它们各自有着特定的用途和含义。理解这些属性的区别对于进行网页布局和动态效果的实现至关重要。 1. `...

    JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

    ### JS中offsetTop、clientTop、scrollTop、offsetHeight各属性详解 #### 一、概述 在JavaScript中，处理页面布局和滚动效果时经常会用到一些DOM属性，如`offsetTop`、`clientTop`、`scrollTop`和`offsetHeight`等...

    Js中 关于top、clientTop、scrollTop、offsetTop等

    尤其是在处理复杂的网页布局时，正确理解和使用`top`、`clientTop`、`scrollTop`、`offsetTop`等属性对于实现精确的页面操作至关重要。下面将详细介绍这些属性的概念、用法以及它们之间的区别。 ### 1. `clientTop`...

    JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记

    clientHeight，只读 clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来...clientTop，只读 一个元素顶部边框的宽度（以像素表示）。嗯。。就只是border-top-width 类似的属性还有一

    js中top parent frame概述及案例应用.docx

    - `scrollHeight`、`clientTop`、`scrollTop`和`offsetTop`都是用于处理元素滚动和定位的属性。 - `scrollLeft`和`scrollTop`分别用于设置或获取元素的水平和垂直滚动位置。 - `scrollWidth`和`scrollHeight`表示...

    js中top的作用深入剖析.docx

    - `clientTop`和`offsetTop`：前者表示元素边框顶部到视口顶部的距离，后者是从元素的定位父元素顶部到元素边界的距离。 - `height`和`top`：`height`通常用于设置或获取元素的高度，而`top`在CSS中用于设置元素相...

    javascript获得对象的坐标

    var top = box.top + scrollTop; var left = box.left + scrollLeft; return { top: top, left: left }; } // 示例用法 var elementPos = getElementPos('myElement'); console.log(elementPos); ``` #### 三...

    jquery--frame--ziyuan

    此外，我们还提到了`top`, `clientTop`, `scrollTop`, 和 `offsetTop`这四个属性，它们都是在处理元素位置和尺寸时非常重要的属性： 1. `top`: 代表元素相对于其包含块（如parent元素）的顶部距离。 2. `clientTop`...

    js中不同的height, top的区别对比

    在JavaScript中，处理元素的尺寸和位置时，经常会遇到几个关键的属性，它们分别是`clientHeight`, `offsetHeight`, `scrollHeight`, `clientTop`, `offsetTop` 和 `scrollTop`。这些属性对于理解和操作页面元素的...

    JS中获取 DOM 元素的绝对位置实例详解

    `offsetTop` 和 `offsetLeft` 能够获取相对于定位容器的位置，而 `clientTop` 和 `clientLeft` 描述的是元素的边框宽度。`getBoundingClientRect()` 则提供了一个更全面的解决方案，包括元素相对于视口的位置信息。...

    详解HTML元素的height、offsetHeight、clientHeight、scrollTop等梳理

    偏移相关：offsetTop、clientTop、scrollTop、pageYOffset、scrollY； 获取相对视口位置：Element.getBoundingClientRect()； 获取元素的style对象：Window.getComputedStyle(Element)； 属性的定义 关于尺

    JS获取各种高度宽度1

    获取元素几何尺寸的一个重要方法是`getBoundingClientRect()`，它返回一个对象，包含元素的left、right、top、bottom等属性，提供元素相对于视口的位置信息。 浏览器窗口滚动条的位置可以通过`window.pageXOffset`...

    DOM元素的绝对位置

    var top = box.top + scrollTop - clientTop; var left = box.left + scrollLeft - clientLeft; return { top: Math.round(top), left: Math.round(left) }; } ``` 在这个函数中，我们首先获取了元素的`...

    JavaScript中的一些定位属性[图解]

    以Top为例，Left同理： div.clientTop：margin之后padding之前的长度值。 div.offsetTop：该元素的上border的上边缘 到 该元素的offsetParent的上border内边缘的垂直距离。 div.scrollTop：对象的最

Magicbox
Global site tag (gtag.js) - Google Analytics