获取窗口宽高

最新推荐文章于 2024-11-15 14:47:39 发布

cuiguozheng

最新推荐文章于 2024-11-15 14:47:39 发布

阅读量667

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签：学习笔记

本文链接：https://blog.youkuaiyun.com/cuiguozheng/article/details/56480643

学习笔记专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了不同浏览器下（包括IE7-10、Firefox及Chrome）的innerHeight、outerHeight、clientHeight及bodyHeight等尺寸属性的具体数值表现，并解释了这些属性之间的区别与联系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	innerHeight	outerHeight	clientHeight	bodyHeight
ie7	undefined	undefined	496	30
ie8	undefined	undefined	496	30
ie9	500	1056	500	30
ie10	500	1056	500	30
FireFox	500	1056	500	30
Chrome	500	1040	500	30

注：clientHeight = document.documentElement.clientHeight; bodyHeight = document.body.clientHeight;

outerHeight = innerHeight(clientHeight) + 顶部导航栏高度;（整个浏览器的高度）

bodyHeight = body被内容撑开的高度

综上：先获取innerHeight然后获取clientHeight

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cuiguozheng

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【获取页面width和height】js、jq判断浏览器窗口的宽度和高度

weixin_48596030的博客

08-23

4350

【获取页面width和height】js、jq判断浏览器窗口的宽度和高度

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

learn8more的博客

05-15

4436

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do...

参与评论您还未登录，请先登录后发表或查看评论

获取窗口的宽高

weixin_45543508的博客

10-12

356

$(window).height() //获取高度 $(window).width() //获取宽度如果想获取某个div的高度，那么只需要把window换成div的id即可

JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位

不断成长的我

08-11

4111

浏览器的宽高示意图： JavaScript中常用的方法：网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线

获取浏览器窗口（window）的宽高

最新发布

qq_39652397的博客

11-15

332

如何获取窗口的宽高信息

Android中获取控件宽高的4种方法集合

08-28

Android中获取控件宽高的4种方法集合 Android手机应用程序开发中，获取控件的宽高是一项非常重要的任务。今天，我们将分享四种获取控件宽高的方法，希望能够对Android开发者提供有价值的参考。方法1：...

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

01-18

#### 二、获取窗口宽高在JavaScript中，可以通过多种方式来获取浏览器窗口的宽度和高度： 1. **`window.innerWidth` 和 `window.innerHeight`**： - 这两个属性返回的是视口的宽度和高度，不包括工具栏或菜单等...

JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)

10-26

本篇文章主要介绍了JS获取屏幕,浏览器窗口大小,网页高度宽度的实现代码。需要的朋友可以过来参考下，希望对大家有所帮助

获取各种浏览器可见窗口大小

SailingAptech的专栏

03-01

225

[code="html"] New Document [/code] 在我本地测试当中：在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得，很简单，很方便。而...

获得窗口宽度

weixin_30765475的博客

05-11

102

<html><head><script type="text/javascript" src="../jquery/jquery.js" tppabs="http://www.w3school.com.cn/jquery/jquery.js"></script><script type="text/javascript">$(docume...

获得当前窗口的宽度

萌新不会永远是萌新的博客

08-09

5918

var documentElementRect = document.documentElement.getBoundingClientRect() // 返回一个矩形对象，包含四个属性：x、 y、 width、 height、 left、 top、 right和bottom fullWindowWidth = documentElementRect.right - Math.abs(docume...

JS获取屏幕分辨率及窗口尺寸

偏执

08-07

2463

要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；Document对象的body属性对应HTML文档的标签。event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量。网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域宽：document.body.offsetWidth (包括边线的宽)

不使用 JS 纯 CSS 获取屏幕宽高

南城

08-27

1769

CSS 自定义属性（也称为 CSS 变量）允许开发者在 CSS 中定义可重用的值。通过使用 var() 函数，可以在样式表的任何地方引用这些变量。自定义属性的定义通常在:root选择器中进行，以便在整个文档中使用。通过使用 CSS 的@property规则和数学函数，我们可以在不使用 JavaScript 的情况下获取屏幕的宽度和高度。随着 CSS 规范的不断发展，未来可能会有更多类似的功能，使得前端开发更加灵活和高效。

获取窗口宽度和浏览器窗口宽度的方法

Niucode的博客

03-25

2153

获取窗口宽度和浏览器窗口宽度的方法

获取窗口高度和宽度

weixin_30455023的博客

02-18

208

我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。 - 取得窗口大小的代码：复制代码代码如下: var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if(typeof pageWidth != "numb...

QT窗口宽高比管理类：实现比例不变的尺寸调整

3. **窗口宽高比管理类**: 窗口宽高比管理类是一个专为保持窗口的宽高比而设计的程序组件。它可能包含对窗口尺寸调整事件的监听和处理逻辑，目的是在窗口大小变化时，保证内容不会失真，始终按照一定的比例显示。 4...