`
王Mr
  • 浏览: 581 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JS中关于clientWidth offsetWidth scrollWidth 等的含义

 
阅读更多

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth   (包括边线的宽);
网页可见区域高: document.body.offsetHeight  (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;
屏幕可用工作区宽度:window.screen.availWidth;

分享到:
评论

相关推荐

    scrollwidth和offsetwidth区别

    例如,在 IE6.0 和 Firefox 1.0.6+ 中,clientWidth 等于 width + padding,而 OffsetWidth 等于 width + padding + border。在 IE5.0/5.5 中,clientWidth 等于 width - border,而 OffsetWidth 等于 width。 另外...

    JavaScript属性scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解

    在JavaScript中,理解和掌握`scrollLeft`、`scrollWidth`、`clientWidth`以及`offsetWidth`这四个属性对于创建动态且响应式的网页至关重要。这些属性都与元素的尺寸和定位有关,尤其在处理滚动条和元素可视区域时...

    scrollWidth,clientWidth与offsetWidth的区别

    ### scrollWidth、clientWidth与offsetWidth的区别 #### 一、scrollWidth详解 **scrollWidth** 属性表示元素及其内容的总宽度,包括由于内容溢出而不可见的部分。这一属性通常用于确定元素是否包含水平滚动条。...

    offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示

    在Web开发中,理解和掌握DOM元素的尺寸与位置属性至关重要,特别是`offsetWidth`、`clientWidth`、`scrollWidth`、`scrollTop`和`scrollLeft`这些属性。它们提供了关于元素几何特性的详细信息,有助于实现精确的布局...

    scrollWidth,clientWidth,offsetWidth的区别

    在网页开发中,理解和掌握DOM元素的尺寸属性是至关重要的,特别是`scrollWidth`、`clientWidth`和`offsetWidth`。这三个属性都是用来获取HTML元素宽度的,但它们各自的含义和应用场景有所不同。 首先,`scrollWidth...

    javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解

    在JavaScript中,`scrollLeft`, `scrollWidth`, `clientWidth`, `offsetWidth` 等属性是处理元素尺寸和滚动位置的重要工具。这些属性各自代表着不同的意思,在实际开发中有着广泛的应用。 `scrollLeft` 属性用于...

    HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

    ### HTML:scrollLeft, scrollWidth, clientWidth, offsetWidth 完全详解 #### 一、scrollHeight 和 scrollWidth **scrollHeight** 和 **scrollWidth** 分别用来获取一个元素的滚动高度和滚动宽度。 - **...

    javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

    在JavaScript中,DOM元素的尺寸和位置是网页布局的关键因素,`offsetWidth`、`clientWidth`、`innerWidth`以及一系列相关属性方法用于获取和处理这些信息。这些属性可以帮助开发者精确地控制页面元素的显示效果,...

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

    在JavaScript(简称JS)开发过程中,页面元素的位置与尺寸计算是非常常见的需求之一。尤其是在处理复杂的网页布局时,正确理解和使用`top`、`clientTop`、`scrollTop`、`offsetTop`等属性对于实现精确的页面操作至关...

    clientHeight offsetHeight scrollHeight clientWidth详解

    在探讨`clientHeight`, `offsetHeight`, `scrollHeight`, `clientWidth`, `offsetWidth`, 和 `scrollWidth`这些概念之前,我们首先需要理解它们在Web开发中的重要性。这些属性帮助开发者了解和控制网页在不同浏览器...

    clientHeight

    在前端开发过程中,我们经常会遇到需要获取页面元素尺寸的情况,这其中包括了元素的高度(`clientHeight`, `offsetHeight`, `scrollHeight`)以及宽度(`clientWidth`, `offsetWidth`, `scrollWidth`)。不同浏览器...

    JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性

    在web开发中,不可避免遇到要计算元素大小以及位置的问题,...假设某一个元素的横纵向滚动条都拖动到最末端,则offsetWidth、clientWidth、scrollWidth等属性相应的范围如下图所示:   1)offsetWidth ,offsetHeig

    JS获取浏览器的高度和宽度

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,这在进行网页布局、动态调整元素尺寸或者实现滚动事件处理时尤其重要。以下将详细介绍如何通过JavaScript获取这些信息,并探讨不同浏览器间可能存在的差异。 ...

    JS里各种宽度和高度的句柄

    总结一下,JavaScript中处理元素宽度和高度的关键点包括: - `offsetWidth`和`offsetHeight`:包含边框和内边距的总尺寸。 - `clientWidth`和`clientHeight`:不包括边框,但包含内边距的可视区域尺寸。 - `...

    html学习参考文档

    - `posTop`与`top`的数值相同,但在JavaScript中,`posTop`通常用于计算,因为它返回的是一个数值而非带有单位的字符串,这在进行数学运算时更为方便。 3. `scrollTop`和`scrollHeight` - `scrollTop`是一个属性...

Global site tag (gtag.js) - Google Analytics