`

javascript获取窗口文档的宽度和高度

阅读更多

获取显示区域尺寸可以用 clientHeight clientWidth

 获取内容尺寸可以用 scrollHeight scrollWidth 
 网页可见区域宽: 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
javascript获取窗口文档的宽度和高度 

分享到:
评论

相关推荐

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

    本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 #### 一、获取滚动条高度 滚动条的高度对于实现诸如返回顶部等功能至关重要。下面介绍一个简单的方法来获取滚动条的高度: ```...

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

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

    javascript 获取网页高度宽度.pdf

    总之,JavaScript提供了多种方法来获取网页的高度、宽度和滚动位置,但需要注意的是,由于浏览器之间的差异,需要编写兼容性代码以确保在所有环境中都能正常运行。了解这些差异并正确处理它们是编写高效、跨平台...

    javascript获取网页高度宽度.rar

    在JavaScript编程语言中,获取网页的高度和宽度是常见的需求,特别是在动态布局、页面滚动或响应式设计中。本文将深入探讨如何使用JavaScript有效地获取这些信息,并结合实际应用场景进行讲解。 一、窗口对象...

    javascript获取窗口属性值

    其中一项常见需求是获取浏览器窗口的各种属性值,比如宽度、高度等,这对于响应式设计或某些特定功能(如弹窗位置计算)非常有用。 #### 一、主要窗口属性 在提供的代码示例中,通过`getInfo`函数展示了如何获取一...

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

    `document.body.clientWidth`和`document.body.clientHeight`可以分别获取文档内容的宽度和高度(不包括滚动条)。 示例代码: ```javascript const bodyWidth = document.body.clientWidth; const bodyHeight = ...

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

    在原生JavaScript中,可以通过多种方法来获取屏幕的宽度和高度,具体如下: 1. **`document.body.clientWidth`** 和 **`document.body.clientHeight`**: - 这两个属性分别用于获取可视区域的宽度和高度,不包括...

    javascript获取页面各种高度

    获取这部分区域的宽度和高度可以帮助开发者更好地进行布局调整。 - **document.body.clientWidth**: 获取的是网页可见区域的宽度(不含滚动条),单位为像素。 - **document.body.clientHeight**: 获取的是网页可见...

    javascript IE窗口居中

    1. 获取窗口尺寸:首先需要获取窗口的宽度和高度,这可以通过`window.innerWidth`和`window.innerHeight`属性获取。 2. 获取屏幕尺寸:接着,我们需要知道用户的屏幕分辨率,这可以通过`screen.width`和`screen....

    Javascript 获取页面高度(多种浏览器)

    首先,我们有两个基本属性可以用来获取页面的宽度和高度:`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `<body>` 元素的宽度和高度,不包括滚动条。在 IE、Firefox 和 Opera ...

    js(javascript)子窗口和父窗口交互

    通过这种方式可以灵活地控制新打开窗口的各种属性,如宽度、高度等。下面详细介绍如何使用 `window.open()` 来实现父窗口与子窗口的数据传递。 ##### 1. 打开新窗口并传递数据 ```javascript function outPut() { ...

    jQuery 获取屏幕高度和宽度

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

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

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

    javascript API文档

    例如,`window.innerWidth`和`window.innerHeight`可以获取浏览器窗口的宽度和高度,`window.location.href`用于获取或改变当前页面的URL。 JavaScript API还包含事件处理,使得网页能够响应用户的交互,如点击、...

    javascript窗口宽高,鼠标位置,滚动高度(详细解析).docx

    ### JavaScript窗口宽高、鼠标位置、滚动高度详细解析 #### 一、概述 在Web开发中,经常需要获取浏览器窗口的尺寸、鼠标的位置以及页面滚动的距离等信息。这些信息对于响应式设计、交互效果实现等方面至关重要。本...

    JS浏览器的高度和宽度

    获取 BODY 对象的宽度和高度 - **`document.body.clientWidth`**: 返回 BODY 元素的可见宽度(不包括滚动条和边框)。 - **`document.body.clientHeight`**: 返回 BODY 元素的可见高度(不包括滚动条和边框)。 ...

    iframe自适应高度和宽度

    4. **`width` 和 `height`**:分别设置`iframe`的宽度和高度。 #### 三、自适应高度示例 下面是一个简单的示例,演示如何通过JavaScript来动态调整`iframe`的高度: ```html onload="document.all['myframe']....

    Javascript实现获取窗口的大小和位置代码分享

    可以通过document.documentElement.client系列属性来获取,具体来说是document.documentElement.clientWidth和document.documentElement.clientHeight,这两个属性分别返回视口的宽度和高度,也就是文档内容的实际...

    JavaScript 的模态窗口

    3. **JavaScript交互**:通过JavaScript来控制模态窗口的显示和关闭。这通常涉及到添加事件监听器,比如点击按钮打开模态窗口,再次点击关闭或者点击模态背景关闭。 ```javascript function openModal() { ...

Global site tag (gtag.js) - Google Analytics