`
vae_in_zdsoft
  • 浏览: 17666 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js获取网页高宽、元素坐标(转)

 
阅读更多

网页可见区域宽: 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;


scrollHeight: 获取对象的滚动高度。  
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置  
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标  
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签

分享到:
评论

相关推荐

    javascript获取网页各种高宽及位置的方法总结.docx

    ### JavaScript 获取网页各种高宽及位置的方法总结 #### 屏幕尺寸相关属性 - **`screen.width`**:表示屏幕的宽度(以像素为单位)。 - **`screen.height`**:表示屏幕的高度(以像素为单位)。 - **`screen....

    Java爬虫+URL获取Img高宽.zip

    本项目“Java爬虫+URL获取Img高宽”专注于一个特定的应用场景,即通过Java爬虫从网页中提取图片(Img)的URL,并进一步获取这些图片的宽度和高度。这个功能在网站数据分析、图像处理或自动化测试等场景中具有重要...

    爬虫+URL获取Img高宽

    在IT行业中,网络爬虫是一种自动化程序,用于从互联网上抓取信息,而获取图片(Img)的高度和宽度是爬虫应用的一个常见场景。在Java编程语言中,我们可以利用HTTP库来请求网页,然后解析HTML内容,从而获取到图片的...

    Js操作DOM元素及获取浏览器高宽的简单方法

    通过DOM,JavaScript可以轻松地找到、修改、添加或删除网页中的元素。 首先,`document`对象是JavaScript与HTML文档交互的主要接口。`getElementById`方法是获取具有唯一ID的元素的常用方式,例如`document....

    javascript获取网页各种高宽及位置的方法总结

    根据给出的文件信息,本文将详细介绍如何使用JavaScript来获取网页中各种元素的尺寸、位置等信息。 ### 屏幕尺寸和浏览器窗口尺寸 首先,可以通过`screen`对象获取屏幕的分辨率信息,以及浏览器窗口的位置和尺寸...

    获取JS中网页各种高宽与位置的方法总结

    在JavaScript中,获取网页的各种高宽与位置是前端开发中常见的需求,这涉及到对不同对象属性的使用。本文将详细阐述这些方法。 首先,我们关注`screen`对象,它提供了关于用户屏幕的基本信息。`screen.width`和`...

    Java/JS获取flash高宽的具体方法

    在探讨如何使用Java和JavaScript获取Flash文件的尺寸信息之前,有必要了解Flash文件的基本结构和类型。Flash文件,通常以SWF(Small Web Format)格式存在,用于存储矢量图形和动画数据。SWF文件可分为FWS(Frame-...

    nc-screen:Nodejs C ++插件获取设备屏幕尺寸

    数控屏Nodejs C ++插件获取设备屏幕尺寸编译sudo yarn test 或者sudo npm run test待办事项清单打字稿npm脚本: node-gyp build和node-gyp rebuild之间有什么区别捕获错误边界参考

    CAD定制家具平面图工具-获取矩形高宽

    这是一个autoCAD的插件,加载后输入mmm命令就可以运行,它让用户选取图形,从中筛选出红色的图形,比如矩形,多线段等,然后计算出图形的高宽显示出来,可复制粘贴到excle电子表格中编辑。会自动相加相同高宽图形的...

    双目已知图像坐标求空间坐标opencv

    在计算机视觉领域,双目立体视觉是一种通过分析两个相机(左眼和右眼)拍摄的同一场景的不同视角来获取场景深度信息的技术。OpenCV库提供了强大的功能,支持双目视觉中的各种任务,包括从已知的左右图像坐标计算出...

    JS获取IMG图片高宽的简单实例

    前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值;趁今天有空我就写了几个demo测试了下,找...

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

    `Bounds`属性提供了屏幕的绝对坐标,包括任务栏和其他屏幕元素。 此外,`Screen.WorkingArea`属性可以获取可用的工作区大小,这个大小不包括任务栏或其他系统托盘等占用的空间。如果需要获取用户可交互的工作区域...

    Debug_读取PDF区域坐标_

    在处理PDF文档时,有时我们需要获取特定区域的坐标信息,例如进行自动化处理、数据分析或者文档转换。本程序"Debug_读取PDF区域坐标_"就是为了解决这一需求,它能够帮助用户精确地定位和测量PDF页面上的特定区域。 ...

    C# 根据坐标点开始取设置大小的截图

    "C# 根据坐标点开始取设置大小的截图"这个主题涉及的是利用C#编程语言实现自定义区域截图的功能。C#提供了丰富的图形处理API,允许开发者进行复杂的图像操作,包括截取屏幕的一部分。 首先,我们需要理解C#中的...

Global site tag (gtag.js) - Google Analytics