`

获取页面各种Height、Width、Top、Left

阅读更多
网页可见区域宽:document.body.clientWidth; 

网页可见区域高:document.body.clientHeight; 

网页可见区域高:document.body.offsetWeight; 

网页可见区域高:document.body.offsetHeight; 

网页正文全文宽:document.body.scrollWidth; 

网页正文全文高:document.body.scrollHeight;
/* 在IE7下,当网页上有DTD验证的时候,是无法得到的.
** 解决办法:document.documentElement.clientHeight
*/

网页被卷去的高:document.body.scrollTop; 

网页被卷去的左:document.body.scrollLeft; 

网页正文部分上:window.screenTop; 

网页正文部分左:window.screenLeft; 

屏幕分辨率的高:window.screen.height; 

屏幕分辨率的宽:window.screen.width; 

屏幕可用工作区高度:window.screen.availHeight; 

屏幕可用工作区宽度:window.screen.availWidth; 
分享到:
评论

相关推荐

    js取得DIV的top,left,width,height值.doc

    在JavaScript中,获取DOM元素(如DIV)的`top`, `left`, `width`, `height`等属性值是常见的需求,这些属性可以帮助我们精确地控制页面元素的位置和大小。以下是一些关于如何获取这些值以及相关知识的详细解释: 1....

    VB 用Top、Left属性改变位置

    在实际应用中,`Top`和`Left`属性经常与其它属性如`Width`和`Height`一起使用,以实现更复杂的布局和动画效果。例如,可以通过改变`Top`和`Height`来实现控件的滑入滑出效果,或者通过调整`Left`和`Width`来实现水平...

    js getBoundingClientRect() 来获取页面元素的位置.docx

    js 中的 getBoundingClientRect() 方法用于获取页面元素的位置信息,该方法可以获取元素相对于客户端窗口的 left、top、right 和 bottom 坐标值。 js getBoundingClientRect() 方法的语法为:element....

    java 根据源图片的x、y、width、height截取需要的图片

    // left, top, width, height param.setSourceRegion(rect); // 读取并裁剪图片 BufferedImage bi = reader.read(0, param); // 保存裁剪后的图片 ImageIO.write(bi, "jpg", new FileOutputStream(DEST_FILE...

    UIViewFrame:添加该文件使用点属性可直接获取View的width height top bottom 以及 x y 等属性

    添加该文件使用点属性可直接获取View的width height top bottom left rigth 以及 x y 等属性 #import "UIView+Frame.h" CGFloat width = view.width; //获取view 的宽 等价于 view.frame.size.width CGFloat height ...

    获取元素绝对位置 position

    调用`element.getBoundingClientRect()`会返回一个对象,其中包含了`top`, `right`, `bottom`, `left`, `width` 和 `height` 属性。这些属性分别表示元素各边缘距离视口顶部、右部、底部和左部的距离。例如,元素的...

    VB编写的利用控件的left和top属性实现控件上下左右移动的代码

    在VB(Visual Basic)编程环境中,控件的`Left`和`Top`属性是用于设置控件相对其容器(如Form或Panel)左边缘和上边缘的距离,通过改变这两个属性值,可以实现控件在界面上的位置变化。本篇文章将深入探讨如何利用`...

    获取页面元素实际宽高的属性的使用

    具体而言,`clientHeight = height + padding(top and bottom)`,而`clientWidth = width + padding(left and right)`。 - **滚动条的影响**:当元素内部有滚动条时,`clientWidth`和`clientHeight`会减去滚动条的...

    js中获取相对位置

    在Web开发中,我们经常需要获取页面中某个元素相对于浏览器窗口的位置,例如在设计响应式布局、实现动态效果时。本文将详细介绍如何利用JavaScript来实现这一功能。 #### 标题:“js中获取相对位置” #### 描述:...

    从码流获取H264、H265的分辨率信息

    width = ((pic_width_in_mbs_minus1 +1)*16) - frame_crop_left_offset*2 - frame_crop_right_offset*2; height = ((2 - frame_mbs_only_flag)* (pic_height_in_map_units_minus1 +1) * 16) - \(frame_crop_top_...

    通过resize事件实现随着窗口大小的变化里面的控件大小也随之变化,left,top等等上下左右都会随动

    总的来说,通过巧妙地运用`Resize`事件、`left`、`top`以及`Width`、`Height`属性,开发者可以创建出响应窗口大小变化的动态用户界面,提升用户体验。在实际项目中,可能还需要考虑其他因素,如控件间的相对位置和...

    JavaScript和jQuery获取input框的绝对位置

    这个方法返回一个对象,其中包含了`top`, `right`, `bottom`, `left`, `width` 和 `height`等属性,它们分别表示元素相对视口边界的位置和尺寸。例如,获取`input`框的绝对位置可以这样写: ```javascript var ...

    CSS中height和width在IE和其他浏览器中的区别图文详解

    IE8的width=border-left+padding-left+内容...这样有可能导致不同浏览器下获取的width或height的值不同,幸好jquery提供了另外两个方法, innerWidth():padding-left+内容宽度+padding-right;   outerWidth():borde

    【JavaScript源代码】JavaScript 获取滚动条位置并将页面滑动到锚点.docx

    ### JavaScript 获取滚动条位置并将页面滑动到锚点 #### 前言 在现代Web应用开发中,尤其是在移动端的应用场景下,用户交互体验尤为重要。其中一项常见的需求就是实现页面内的快速定位,即通常所说的“锚点”功能...

    js实现获取div坐标的方法

    其中包含了六个属性,分别是:元素自身的宽度(`width`),元素自身的高度(`height`),元素相对于页面(或父元素)左边界的坐标(`x`或`left`),元素相对于页面(或父元素)上边界的坐标(`y`或`top`),以及当前...

    MFC使用CRect类截取屏幕矩形部分源代码(含头文件)

    - 使用`left()`, `top()`, `right()`, `bottom()`方法获取坐标。 - 使用`SetRect(left, top, right, bottom)`或`MoveToX(x)`和`MoveToY(y)`来调整矩形位置。 3. **截取屏幕**: - 在Windows API中,`...

    汽车系统(VB编写)

    Height = 375 Left = 1920 TabIndex = 0 Top = 1080 Width = 2415 End Begin VB.TextBox TextPwd Height = 375 IMEMode = 3 'DISABLE Left = 1920 PasswordChar = "*" TabIndex = 1 Top = 1560 Width...

    C#获取屏幕和桌面大小(宽、高)

    `Rectangle`结构表示一个矩形区域,它包含了四个属性:`Left`, `Top`, `Width`和`Height`,分别代表矩形左上角的X坐标、Y坐标以及矩形的宽度和高度。 要获取屏幕的大小,我们可以使用以下代码: ```csharp // 获取...

    JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

    在Web开发中,获取页面尺寸、滚动条位置以及元素位置是前端开发工程师经常需要处理的任务。这些功能对于动态调整页面布局、实现滚动监听以及确定元素在页面中的确切位置至关重要。本文将详细解释使用纯JavaScript...

Global site tag (gtag.js) - Google Analytics