`

javascript 获取网页宽高。。信息

    博客分类:
  • java
阅读更多


document.body.clientWidth
网页可见区域宽

document.body.clientHeight
网页可见区域高

document.body.offsetWidth
网页可见区域宽(包括边线的宽)

document.body.offsetHeight
网页可见区域高(包括边线的宽)

document.body.scrollWidth
网页正文全文宽

document.body.scrollHeight
网页正文全文高

document.body.scrollLeft
网页被卷去的左

document.body.scrollTop
网页被卷去的高

window.screenLeft
网页正文部分左

window.screenTop
网页正文部分上

window.screen.width
屏幕分辨率的宽

window.screen.height
屏幕分辨率的高

window.screen.availWidth
屏幕可用工作区宽度

window.screen.availHeight
屏幕可用工作区高度



分享到:
评论

相关推荐

    javascript获取网页宽高方法汇总.docx

    本文将详细介绍几种使用 JavaScript 获取网页宽高的方法,并对比不同浏览器下的表现。 1. `document.body.clientWidth` 和 `document.body.clientHeight` 这两个属性分别返回网页可见区域的宽度和高度,不包括滚动...

    js获取网页宽高

    在JavaScript编程中,获取网页的宽高是一项常见的需求,特别是在页面布局、动态调整元素尺寸或者进行响应式设计时。本文将深入探讨如何利用JavaScript来获取浏览器窗口以及网页内容的宽度和高度。 首先,我们需要...

    【JavaScript源代码】JavaScript获取网页的宽高及如何兼容详解.docx

    总之,理解不同浏览器和模式下的网页宽高获取方式,以及编写兼容性代码,是JavaScript开发中的必备技能。通过合理的封装和条件判断,我们可以确保在各种环境下都能正确地获取到网页的尺寸信息,为用户提供一致的浏览...

    javascript获取网页宽高方法汇总

    不同的浏览器和不同的元素有着不同的属性可以用来获取宽高,本文就来汇总介绍javascript中获取网页宽高的方法。 首先,我们可以通过对document.body的各种属性进行访问来获取页面的宽高信息: - document.body....

    javascript获取页面各种高度

    在JavaScript编程语言中,开发者经常需要获取与网页和屏幕尺寸相关的数据,比如页面的可视区域、文档的实际大小以及用户屏幕的有效工作区等信息。这些数据对于优化网站布局、响应式设计以及实现某些交互功能至关重要...

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

    这篇文章将为大家讲解如何使用JavaScript来获取这些信息。 首先,让我们来讨论获取当前页面的可视高度和宽度。我们可以使用JavaScript函数来实现这一点。下面是一个示例代码: ```javascript function getHeight()...

    Javascript获取鼠标坐标的各种类型

    JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...

    javascript获取窗口属性值

    ### JavaScript 获取窗口属性值 在Web开发中,JavaScript是一种广泛使用的编程语言,它能够与HTML和CSS紧密结合,为网页提供动态交互能力。其中一项常见需求是获取浏览器窗口的各种属性值,比如宽度、高度等,这...

    获取页面元素实际宽高的属性的使用

    ### 获取页面元素实际宽高的属性使用详解 在前端开发中,了解如何准确地获取页面元素的实际宽高是非常重要的。这不仅有助于我们优化页面布局,还能提高用户体验。本文将详细介绍`clientWidth`、`clientHeight`、`...

    JavaScript实现网页图片等比例缩放 图片等比例缩放

    `onload` 事件确保了图片在被显示之前已经完成了加载,从而可以正确地获取到图片的尺寸信息并进行处理。 #### 使用技巧 1. **确定合适的缩放目标**:选择合适的 `FitWidth` 和 `FitHeight` 非常重要,这取决于你的...

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

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

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    58、原生JavaScript获取网页被卷去的位置 59、原生JavaScript另一种正则日期格式化函数+调用方法 60、原生JavaScript时间个性化输出功能 61、原生JavaScript解决offsetX兼容性问题 62、原生JavaScript常用的正则...

    JavaScript精彩网页特效实例精粹

    例如,通过`.style`属性设置元素的宽高、颜色、透明度等,或者利用CSS3的transform、transition和animation属性,结合JavaScript控制时间轴,创建复杂的动画效果。 五、AJAX与异步通信 AJAX(Asynchronous ...

    在图片加载完毕前js获取图片长宽尺寸

    目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...

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

    `document.body.offsetWidth` 可以获取网页可见区域的宽度,包括边线的宽,`document.body.offsetHeight` 可以获取网页可见区域的高度,包括边线的高。 2. 使用 `document.documentElement` 对象: 在 IE 中,`...

    JavaScript获取网页、浏览器、屏幕高度和宽度汇总

    在JavaScript中,获取网页、浏览器和屏幕的高度与宽度是常见的需求,这主要涉及到网页布局、动态效果以及响应式设计。以下是一些关键方法的详细解释: 1. **网页可见区域宽高** - `document.body.clientWidth`:...

    js获取网页高度(详细整理)

    本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及浏览器窗口的高度。 首先,我们来看一下网页可见区域的高度和宽度。这部分是指用户当前可以看到的页面区域...

    基于javascript实现全屏漂移广告_.docx

    本文档主要介绍了使用 JavaScript 实现全屏漂移广告的方法,包括获取网页可见区域宽高、使用 setInterval 函数实现动画效果、 clearInterval 函数清除定时器等知识点。 标签解释 安全是指在实现全屏漂移广告时需要...

Global site tag (gtag.js) - Google Analytics