`
碧血剑
  • 浏览: 217344 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用javascript获取屏幕高度和宽度等信息

阅读更多

网页可见区域宽: 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的不同方法和属性,开发者能够准确地获取屏幕尺寸、文档尺寸以及滚动位置等信息,这对于创建自适应和用户友好的网页是极其重要的。这些技术的应用不仅限于简单的尺寸查询,还可以扩展到...

    jQuery 获取屏幕高度和宽度

    在jQuery中,获取屏幕高度和宽度的方法非常直观。我们可以使用`$(window).height()`和`$(window).width()`这两个内置函数。让我们详细分析一下它们的工作原理: 1. `$(window).height()`: 这个函数返回当前浏览器...

    js获取屏幕的高度与宽度

    使用JavaScript(简称JS),开发者可以通过多种方式获取屏幕的高度和宽度,以及页面元素的尺寸信息。 首先,要获取屏幕的宽度和高度,可以使用window对象提供的screen属性。具体来说,可以使用window.screen.width...

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

    这篇文章将详细介绍如何使用 JavaScript 获取文本框的值和浏览器的高度和宽度值。 获取文本框的值 ---------------- 在 HTML 中,文本框是使用 `<input>` 元素来实现的。要获取文本框的值,可以使用 `value` 属性...

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

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

    javascript获取网页高度宽度.rar

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

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

    本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...

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

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

    js获取浏览器高度和宽度值.pdf

    本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...

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

    本文将详细介绍如何使用JavaScript来获取浏览器显示区域的相关尺寸信息。 #### 一、关键概念解析 在开始之前,我们先来了解几个关键的概念: - **Client Size**:表示可视区域的宽度和高度。 - **Offset Size**:...

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...

    javascript获取页面各种高度

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

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

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

    js获取屏幕分辨率的方法

    // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸,并据此调整网页布局。 #### 获取浏览器窗口尺寸 除了屏幕尺寸外,了解浏览器窗口的实际可视...

    JS获取各种屏幕的宽度和高度.txt

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

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

    在JavaScript中,获取网页、浏览器和屏幕的高度与宽度是网页布局和动态效果实现中的常见需求。以下是对这些属性和方法的详细解释: 1. **网页可见区域尺寸**: - `document.body.clientWidth`: 这个属性返回网页...

Global site tag (gtag.js) - Google Analytics