用javascript获取屏幕高度和宽度等信息 - 碧血剑 - ITeye博客

`

碧血剑

浏览: 217329 次
性别:
来自: 北京

最近访客更多访客>>

myhoneygg

devcang

jannock3000

lightning8

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

碧血剑：互联网周刊给出答复，期待看看怎么样了
互联网周刊怎么了？
wshxx998： ibdata1,不能被复制，他正在被使用，我已经把Mysql给 ...
mysql导入.frm问题
chaoyue： <marquee>谢谢啊.</marquee ...
关于Google map api教程
chaoyue：我想实现在一个页面中51map与Google等主流地图的切换， ...
关于Google map api教程
luorongda：我要你的文档，万分感激，可以吗？ruorongda@sina. ...
关于Google map api教程

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

博客分类：

技术篇

JavaScript 工作

阅读更多

用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

分享到：

打工皇帝唐骏：在微软没有人敢说比我更勤奋 ... | 唐骏：先做人再做事偶尔作作秀

2008-05-13 13:12
浏览 1708
评论(0)
查看更多

评论

发表评论

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

相关推荐

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