`
wyzxzws
  • 浏览: 393343 次
  • 性别: Icon_minigender_1
  • 来自: dazhou
社区版块
存档分类
最新评论

JavaScript获取页面宽度高度大全

javascript 
阅读更多

转自：http://www.cnblogs.com/wcg249165510/archive/2009/02/20/1394749.html

问题：JavaScript获取页面宽度高度大全

解决方案： 

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth(包括边线的宽)
网页可见区域高：document.body.offsetHeight(包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop(IE7无效)
网页被卷去的左：document.body.scrollLeft(IE7无效)

网页被卷去的高：document.documentElement.scrollTop(IE7有效)

网页被卷去的左：document.documentElement.scrollLeft(IE7有效)
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

相对于窗口左上角的X：window.event.clientX

相对于窗口左上角的Y：window.event.clientY
相对于整个页面的X：window.event.X
相对于整个页面的Y：window.event.Y
分享到：
| 手机扯淡系列之一【小米2】
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    javascript 获取网页高度宽度.pdf

    以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置：** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....

    javascript获取页面各种高度

    通过以上介绍，我们可以看到JavaScript提供了丰富的API来获取页面的各种高度信息。在实际开发过程中，开发者可以根据具体需求选择合适的API来优化用户体验，提高网站性能。需要注意的是，在不同浏览器和操作系统中，...

    javascript获取网页高度宽度.rar

    总结，JavaScript获取网页高度和宽度的方法多种多样，可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域，理解并熟练掌握这些技术可以帮助学生更好地构建动态、...

    javascript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    JavaScript 获取当前页面可视高度和宽度及浏览器宽度和高度的函数 在Web开发中，获取当前页面的可视高度和宽度，以及浏览器的宽度和高度是非常重要的。这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 ...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar

    在JavaScript中，获取当前页面...以上是关于“javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数”的主要知识点，通过学习和理解这些内容，开发者可以更好地控制和适应网页在不同设备和窗口大小下的表现。

    Javascript 获取页面高度（多种浏览器）

    总之，获取页面高度和宽度是 JavaScript 开发中的常见任务，但需要注意浏览器的兼容性和差异。正确的方法是使用兼容性好的代码，以确保在所有主流浏览器中都能得到期望的结果。理解 `document.body` 和 `document....

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.pdf

    通过 `document.body.clientWidth` 和 `document.body.clientHeight`，我们可以获取到网页可见区域的宽度和高度，而通过 `window.innerWidth` 和 `window.innerHeight`，我们可以获取浏览器窗口的宽度和高度。...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    然而，当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时，会发现常规的JavaScript方法无法直接获取这些尺寸值，因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息，需要采用一些...

    JavaScript获取屏幕高度和宽度等信息

    JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...

    javascript 获取当前面可视高度和宽度及浏览器宽度和高度的函数.docx

    通过上述介绍，我们了解了如何使用JavaScript获取当前页面可视区域的高度和宽度，以及浏览器窗口的宽度和高度。这些基本的尺寸信息是进行前端开发不可或缺的一部分，掌握了这些技能，可以更好地进行页面布局和响应式...

    js获取屏幕的高度与宽度

    此外，需要注意的是，随着Web技术的发展，用户设备的多样性也日益增加，因此在使用JavaScript获取尺寸信息时，除了使用文档对象模型（DOM）属性和方法之外，还可能需要依赖于CSSOM（CSS对象模型）和HTML元素的实时...

    JavaScript 获取浏览器的显示区域大小信息

    - **Scroll Size**：表示元素（如页面）的实际宽度和高度，包括任何不可见的部分。 - **Screen Size**：屏幕的尺寸，可以是整个显示器的尺寸或浏览器窗口的尺寸。 #### 二、获取浏览器显示区域尺寸的方法 ##### 1....

    js获取文本框的值!js获取浏览器高度和宽度值.pdf

    在 Opera 中，`document.documentElement.clientWidth` 可以获取页面临象的宽度，`document.documentElement.clientHeight` 可以获取页面临象的高度。 3. 使用 `window` 对象： `window.screenTop` 可以获取网页...

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

    以下将详细介绍如何通过JavaScript获取这些信息，并探讨不同浏览器间可能存在的差异。 首先，我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度，包括工具栏和其他用户界面...

    JS,Jquery获取各种屏幕的宽度和高度

    #### JavaScript获取屏幕尺寸 在原生JavaScript中，可以通过多种方法来获取屏幕的宽度和高度，具体如下： 1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**： - 这两个属性分别用于获取...

    iframe根据页面内容自适应高度和宽度

    2. **JavaScript**：使用JavaScript来动态获取`iframe`的内容高度和宽度。可以监听`load`事件，当`iframe`加载完成后，通过`contentWindow`和`contentDocument`属性获取内容的尺寸，然后调整`iframe`的大小。例如： ...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度，这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先，我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸，而...

Magicbox
Global site tag (gtag.js) - Google Analytics