document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: 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 // 部分jQuery函数 $(window).height() //浏览器时下窗口可视区域高度 $(document).height() //浏览器时下窗口文档的高度 $(document.body).height() //浏览器时下窗口文档body的高度 $(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin $(window).width() //浏览器时下窗口可视区域宽度 $(document).width()//浏览器时下窗口文档对于象宽度 $(document.body).width() //浏览器时下窗口文档body的高度 $(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 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 相对文档的水平座标+垂直方向滚动的量
相关推荐
标题“js获取网页可见区域、正文以及屏幕分辨率的高度”所涵盖的知识点主要集中在如何使用JavaScript来测量网页上的不同区域的高度。在网站开发和维护过程中,对页面尺寸的精准测量对于页面布局和响应式设计至关重要...
### JS 获取屏幕分辨率的方法 在Web开发中,获取用户的屏幕分辨率是实现响应式设计和优化用户体验的重要步骤之一。本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的...
### JavaScript 获取浏览器的显示区域大小信息 在网页开发过程中,获取浏览器显示区域的大小是非常重要的一个环节,这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取浏览器...
* `document.body.offsetHeight`:获取浏览器的可见区域高度(包括边线) * `document.body.offsetWidth`:获取浏览器的可见区域宽度(包括边线) * `document.body.scrollWidth`:获取浏览器的正文全文宽度 * `...
- **document.body.clientHeight**: 获取的是网页可见区域的高度(不含滚动条),单位为像素。 ### 2. 网页正文全文宽高 网页正文的宽高通常指的是包含所有内容(包括溢出部分)的实际宽度和高度。这对于动态调整...
本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及浏览器窗口的高度。 首先,我们来看一下网页可见区域的高度和宽度。这部分是指用户当前可以看到的页面区域...
#### JavaScript获取屏幕尺寸 在原生JavaScript中,可以通过多种方法来获取屏幕的宽度和高度,具体如下: 1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**: - 这两个属性分别用于获取...
在JavaScript中,获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求,这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法,用于获取这些信息: 1. **网页可见...
总结,JavaScript获取网页高度和宽度的方法多种多样,可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域,理解并熟练掌握这些技术可以帮助学生更好地构建动态、...
本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...
下面我们将详细探讨如何使用JavaScript获取这些信息。 1. **页面可见区域大小** - `document.body.clientWidth`:返回浏览器窗口中网页可视区域的宽度,不包括滚动条。 - `document.body.clientHeight`:返回...
* `document.body.offsetHeight`: 获取网页可见区域的高度(包括边线的高)。 * `document.body.scrollWidth`: 获取网页正文全文的宽度。 * `document.body.scrollHeight`: 获取网页正文全文的高度。 * `window....
这两个属性分别返回网页可见区域的宽度和高度,不包括滚动条。它们只考虑了用户当前能看到的部分,对于没有滚动条或者内容未超过浏览器可视区域的情况,这两个属性能提供准确的尺寸。 2. `document.body....
使用JavaScript获取网页的可见区域大小,可以使用`document.body.clientWidth`和`document.body.clientHeight`。这两个属性分别返回视口(也就是浏览器窗口中网页可见区域)的宽度和高度,不包括边框、滚动条或外边...
以下将详细介绍如何通过JavaScript获取这些信息,并探讨不同浏览器间可能存在的差异。 首先,我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度,包括工具栏和其他用户界面...
在JavaScript中,获取网页、浏览器和屏幕的高度与宽度是常见的需求,这主要涉及到网页布局、动态效果以及响应式设计。以下是一些关键方法的详细解释: 1. **网页可见区域宽高** - `document.body.clientWidth`:...
在进行网页设计和前端开发时,了解如何使用JavaScript获取DOM元素的高度和宽度是非常重要的。这不仅包括整个网页的可视区域,也包括网页中的正文部分,以及被用户滚动过的部分。具体来说,可以细分为以下几个方面: ...
此外,我们还可以获取包括滚动条在内的网页可见区域的宽度和高度。这个值会随着窗口的显示大小变化而变化。通过offsetWidth和offsetHeight属性我们可以获取到元素的外部尺寸,这包括了滚动条的宽度和高度。具体代码...