$(window).height()获取到的高度不对

最新推荐文章于 2023-12-25 20:13:58 发布

小向光

最新推荐文章于 2023-12-25 20:13:58 发布

阅读量1.3w

点赞数 4

分类专栏： javascript

本文链接：https://blog.csdn.net/wuyou1336/article/details/56039981

版权

javascript 专栏收录该内容

53 篇文章 1 订阅

订阅专栏

关于这个问题，网上有人说这是webkit内核的浏览器导致的，且只有这种浏览器会出现，只需要将html5的声明整成标准的带有<!doctype>的声明的就行了，但是本人亲测仍然是不行的，所用浏览器：Google Chrome (64-bit)。

后来使用

var innerHeight =  window.innerHeight; //window的高度，即手机的高度
	    var clientHeight = document.body.clientHeight;

这两个方法可以获取到正确的window的height

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小向光

关注关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

jQuery使用height()获取高度需要注意的地方

10-25

主要介绍了jQuery使用height()获取高度需要注意的地方,对于display:none或者隐藏的部分无法获取到其高度,这是使用jQuery的height方法需要注意的地方,需要的朋友可以参考下

浅谈DOCTYPE对$(window).height()取值的影响

09-01

在$(window).height()和$(document).height()的区别上，窗口高度$(window).height()指的是浏览器可视区域的高度，不包括滚动条；而文档高度$(document).height()则是整个HTML文档的内容高度，包括超出可视区域的部分...

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

各种高度的区别及height、clientHeight、scrollHeight、offsetHeight的区分

weixin_30881367的博客

06-24

470

1.height、clientHeight、scrollHeight、offsetHeight 我们来实现test中的onclick事件 function justAtest(){ var test=document.getElementById("test"); var test2=document.getElementById("...

$(window).height()获取到的高度有误，与窗口高度不一致

song527002517的博客

11-04

605

这是由于页面没有标注<!DOCTYPE> 声明导致的，只需要将html5标准的<!DOCTYPE> 声明添加到页面第一行就行了。 <!DOCTYPE html>

$(window).height() 和 $(document).height()的区别

weixin_34185364的博客

11-28

458

$(window).height() 和 $(document).height()的区别 $(window).height()代表了当前可见区域的大小，$(document).height()则代表了整个文档的高度，可视具体情况使用. 当浏览器窗口大小改变时(如最大化或拉大窗口后) ，$(window).height() 随之改变，但是 $(document).height()是不变的。...

jquery $(window).height()获取的不是窗口的高度解决

CNYYGJ

06-29

742

之前写过一个弹出框，想让它根据电脑窗口的宽高来自动居中定位，但发现$(window).height()的高度并不是窗口的高度，后来在前加上就可以获取到正确的数据了！

$(window).height()

layman1024的博客

05-02

1045

$(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height(); //浏览器当前窗口文档body的高度

window.open()弹出居中的窗口

10-31

1. **获取屏幕尺寸**：使用`screen.availHeight`和`screen.availWidth`来获取可用屏幕的高度和宽度。 2. **计算窗口位置**：使用新窗口的高度和宽度以及屏幕的尺寸来计算出合适的坐标。 #### 知识点三：居中窗口的...

使用jquery中height()方法获取各种高度大全

10-26

- 使用 $(window).width() 可以获取浏览器窗口的可视区域宽度，与获取高度类似。 - 示例代码：alert($(window).width()); // 浏览器当前窗口可视区域宽度 5. 文档和文档body的宽度 - $(document).width() 和 $...

window.open最大化操作

07-09

在上面的代码中，我们使用window.screen.width和window.screen.height来获取当前屏幕的宽度和高度，然后将其作为窗口的宽度和高度。这样，当我们调用openFullScreen方法时，新的浏览器窗口将被最大化。但是，以上...

$(window).height()获取浏览器高度不准

Wang1996332的博客

11-10

907

以前在开发的时候这样$(window).height()获取浏览器的高度一致不觉得有什么不对, 今天在做java开发的时候不知道为什么获取的高度很明显不对. 后来无意中想到一个文档模式不对的原因,于是...

QQ浏览器等window.innerHeight首次读取的高度不正确的解决办法

weixin_30702887的博客

09-25

972

问题描述移动端的页面，需要处理首屏为一满屏。并且，采用javascript计算高度来设置容器高度的方案。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...

$(window).height()和$(document).height()

u012028371的博客

08-17

397

$(window).height()代表了当前可见区域的大小，而$(document).height()则代表了整个文档的高度，可视具体情况使用。注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).scrollTop() 获取垂直滚动

$(window).height()与$(document).height()

最新发布

君子不卿

12-25

525

页面高度 $(document).height()的高度是大于窗口高度 $(window).height()获取当前也就是你浏览器所能看到的页面的那部分的高度。

Bug整理——$(window).height()获取到$(document).height()的问题

weixin_30819163的博客

04-06

379

想看解决方案不想看无聊乏味的bug解决过程的同学，请直接跳转到页面底部~ 今天在做项目的过程中遇到了一个BUG，项目中需要获取到浏览器客户区的高度以方便做一些适应性调整，代码如下： $(document).ready(function(){ var $content_height = $(window).height() - 30 - 53; ...

为什么我用了$().height()还是对不齐呢？

ahk25326的博客

12-19

198

有一个这样的需求：有两个显示内容的框，要使他们高度一致，因为他们存放的内容多少和结构不一样，左边内容少，右边内容多。这就导致了右边会比左边高，解决方法就是超出部分用滚轮显示，那这时就先要调整右边的高度，我立刻想到了使用$().height()来进行调整，但是还是对不齐，还是高出了一点点，思来想去，调代码，终于发现问题所在，原来一切都是padding惹的祸。对右边我用了padding进行...

$(window).height()获取的高度是文档文本高度的原因

浅笑如伤的博客

11-12

1396

如果 $(window).height() 获取的不是窗口的高度而是文档文本高度，也就是$(window).height()和$(document).height()返回值一样一、可能是因为 <!DOCTYPE html> 没写造成的。请检查html标签，<html>改成<!DOCTYPE html> 二、使用jquery版本与你<!DOCT...

$(document).height()与$(window).height() 区别

忘川

08-23

4258

jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。...

$(window).resize(function(){ height = $(window).height(); $(".header,main>div").height(height); width = $(window).width(); scroll(page,0); div.css("min-width",height/0.675+"px"); })解释代码

06-09

- `height = $(window).height()` ：获取窗口的高度，并将其赋值给变量 height。 - `$(".header,main>div").height(height)` ：将类名为 header 的元素和 main 下的所有 div 元素的高度都设置为窗口的高度。 - `...