网页可见区域宽: 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 获取网页各种高宽及位置的方法总结 #### 屏幕尺寸相关属性 - **`screen.width`**:表示屏幕的宽度(以像素为单位)。 - **`screen.height`**:表示屏幕的高度(以像素为单位)。 - **`screen....
本项目“Java爬虫+URL获取Img高宽”专注于一个特定的应用场景,即通过Java爬虫从网页中提取图片(Img)的URL,并进一步获取这些图片的宽度和高度。这个功能在网站数据分析、图像处理或自动化测试等场景中具有重要...
在IT行业中,网络爬虫是一种自动化程序,用于从互联网上抓取信息,而获取图片(Img)的高度和宽度是爬虫应用的一个常见场景。在Java编程语言中,我们可以利用HTTP库来请求网页,然后解析HTML内容,从而获取到图片的...
通过DOM,JavaScript可以轻松地找到、修改、添加或删除网页中的元素。 首先,`document`对象是JavaScript与HTML文档交互的主要接口。`getElementById`方法是获取具有唯一ID的元素的常用方式,例如`document....
根据给出的文件信息,本文将详细介绍如何使用JavaScript来获取网页中各种元素的尺寸、位置等信息。 ### 屏幕尺寸和浏览器窗口尺寸 首先,可以通过`screen`对象获取屏幕的分辨率信息,以及浏览器窗口的位置和尺寸...
在JavaScript中,获取网页的各种高宽与位置是前端开发中常见的需求,这涉及到对不同对象属性的使用。本文将详细阐述这些方法。 首先,我们关注`screen`对象,它提供了关于用户屏幕的基本信息。`screen.width`和`...
在探讨如何使用Java和JavaScript获取Flash文件的尺寸信息之前,有必要了解Flash文件的基本结构和类型。Flash文件,通常以SWF(Small Web Format)格式存在,用于存储矢量图形和动画数据。SWF文件可分为FWS(Frame-...
数控屏Nodejs C ++插件获取设备屏幕尺寸编译sudo yarn test 或者sudo npm run test待办事项清单打字稿npm脚本: node-gyp build和node-gyp rebuild之间有什么区别捕获错误边界参考
这是一个autoCAD的插件,加载后输入mm命令就可以运行,它让用户选取图形,从中筛选出红色的图形,比如矩形,多线段等,然后计算出图形的高宽显示出来,可复制粘贴到excle电子表格中编辑。会自动相加相同高宽图形的...
在计算机视觉领域,双目立体视觉是一种通过分析两个相机(左眼和右眼)拍摄的同一场景的不同视角来获取场景深度信息的技术。OpenCV库提供了强大的功能,支持双目视觉中的各种任务,包括从已知的左右图像坐标计算出...
前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值;趁今天有空我就写了几个demo测试了下,找...
`Bounds`属性提供了屏幕的绝对坐标,包括任务栏和其他屏幕元素。 此外,`Screen.WorkingArea`属性可以获取可用的工作区大小,这个大小不包括任务栏或其他系统托盘等占用的空间。如果需要获取用户可交互的工作区域...
在处理PDF文档时,有时我们需要获取特定区域的坐标信息,例如进行自动化处理、数据分析或者文档转换。本程序"Debug_读取PDF区域坐标_"就是为了解决这一需求,它能够帮助用户精确地定位和测量PDF页面上的特定区域。 ...
高宽课程,这是一种特殊而全面的幼儿园教育模式,以其独特的教学理念和实践方法,正日益受到教育者的青睐和家长的关注。这种课程以儿童为中心,强调以儿童的主动参与为教育的核心,旨在激发孩子对周围世界的兴趣和...