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

最新推荐文章于 2024-03-20 09:23:44 发布
最新推荐文章于 2024-03-20 09:23:44 发布
阅读量1.3k 收藏
点赞数 1
文章标签： $(window).height() jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/summerfor2015/article/details/83990855
版权

如果 $(window).height() 获取的不是窗口的高度而是文档文本高度，

也就是$(window).height()和$(document).height()返回值一样

一、可能是因为 <!DOCTYPE html> 没写造成的。

请检查html标签，<html>改成<!DOCTYPE html>

二、使用jquery版本与你<!DOCTYPE html>版本不符

当你是<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

 你应该使用jquery1.0版本，亲测1.7.2有效，1.8.3及以上得到的结果都为文档文本高度

jquery1.8.3及以上，html请使用<!DOCTYPE html>

 

 

浅笑如伤
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery获取各种宽度、高度(format函数)实例
12-02
例如，当你点击按钮时，上述代码会获取ID为`div1`的元素以及整个HTML文档和浏览器视口的各种尺寸，然后使用`$.format`函数将这些值插入到预定义的字符串模板中，生成格式化的文本输出。 总结起来，这段代码展示了...
javascript Window及document对象详细整理
10-28
- `window.screen.height`：获取屏幕的高度（像素）。 - `window.screen.colorDepth`：获取屏幕的色彩位数。 - `window.screen.availWidth`：获取可用屏幕宽度，不包括任务栏等非显示区域。 - `window.screen....
$(window).height()与$(document).height()
君子不卿
12-25 410
页面高度 $(document).height()的高度是大于窗口高度 $(window).height()获取当前 也就是你浏览器所能看到的页面的那部分的高度。
jQuery $(document).height()与$(window).height()区别
最新发布
_江屿_
03-20 239
jQuery $(document).height()与$(window).height()区别
jquery获取窗口高度的方法
TinaTxt的博客
06-12 1495
$(window).height() 获取的是当前可视窗口的高度，也就是用户能看到的窗口的高度，是不变的（在窗口大小不变的前提下） $(document).height() 获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变当窗口滚动条滚到最低端时， $(document).height() == $(window).height() + $(window).scrollTop()
$(window).height() 文档高度变化引起的上拉加载不正常
qq_43493613的博客
12-14 201
正常的上拉触底自动加载代码： $(window).scroll(function(){ var bottomsubmit = (′.morecase′).offset().top−('.morecase').offset().top-(′.morecase′).offset().top−(window).height(); var nowtop = KaTeX parse error: Expected '}', got 'EOF' at end of input: …page>allpages){(
jQuery自适应父容器宽度高度代码.zip
07-04
"jQuery自适应父容器宽度高度代码.zip" 包含的就是一个利用jQuery实现的解决方案，它能使文本的字体大小自适应于其父容器的宽高。 首先，我们需要理解jQuery库的基本概念。jQuery是一个轻量级的JavaScript库，它...
JavaScript_之Window对象.doc
06-15
Window对象还有诸如`find()`（搜索文本）、`back()`（后退历史记录）、`forward()`（前进历史记录）、`home()`（跳转到主页）、`stop()`（停止当前加载）、`print()`（打印当前页面）、`blur()`（失去焦点）、`focus...
Iframe 框架自适应被嵌入页面高度
02-20
实现Iframe自适应高度的主要方法是通过JavaScript来获取并设置Iframe的`height`属性。以下是一种常见的实现方式： ```javascript function resizeIframe(iframeId) { var iframe = document.getElementById(iframe...
$(window).height()获取浏览器高度不准
Wang1996332的博客
11-10 880
以前在开发的时候这样$(window).height()获取浏览器的高度一致不觉得有什么不对, 今天在做java开发的时候不知道为什么获取的高度很明显不对. 后来无意中想到一个文档模式不对的原因,于是...
$(window).height()获取到的高度不对
热门推荐
wuyou1336的博客
02-20 1万+
关于这个问题，网上有人说这是webkit内核的浏览器导致的，且只有这种浏览器会出现，只需要将html5的声明整成标准的带有的声明的就行了，但是本人亲测仍然是不行的，所用浏览器：Google Chrome  (64-bit)。 后来使用 var innerHeight = window.innerHeight; //window的高度，即手机的高度 var cli
获取浏览器窗口可视区域的高度和宽度
博客of me
08-22 1586
这是浏览器窗口的内部高度，即可视区域的高度，不包括浏览器的工具栏、标签栏等非内容区域的部分。这是最常用的获取窗口可视区域高度的方法。这通常与窗口可视区域的高度相同，但是在一些情况下，可能会受到CSS样式的影响。然而，这种方法在某些浏览器和情况下可能会失效，因为。不可用，这个属性会尝试获取文档的根元素（通常是。: 如果前两种方法都不可用，这个属性会尝试获取。元素可能没有占满整个可视区域。另外，还可以计算对角线长度。解释：（以高度为例）
Bug整理——$(window).height()获取到$(document).height()的问题
weixin_30819163的博客
04-06 361
想看解决方案不想看无聊乏味的bug解决过程的同学，请直接跳转到页面底部~ 今天在做项目的过程中遇到了一个BUG，项目中需要获取到浏览器客户区的高度以方便做一些适应性调整，代码如下： $(document).ready(function(){ var $content_height = $(window).height() - 30 - 53; ...
html/css基础篇——关于浏览器window、document、html、body高度的探究
ajb11683的博客
11-26 407
　　首先说明本人所理解的这几个元素的计算 　　window高度应当是文档所在窗口的可视高度（没有包括浏览器的滚动条），计算方法document.documentElement.clientHeight 　　document高度应该为文档内容的高度，计算方法Math.max(document.body[ "scrollHeight" ], document.documentElemen...
隐藏的iframe加载的页面获取宽高为0问题
weixin_42776979的博客
10-31 3471
由于初始化的时候有些iframe是隐藏的，当iframe被置为显示的时候，内部加载页面获取宽高为空。 由于无法获取宽高我们就没有办法根据页面宽高初始化图表元素。 有的版本浏览器只要代码初始化iframe不是隐藏，使用js隐藏的 也是没有问题。 解决问题思路： 1、判断图表所在页面宽高，小于等于0的时候，出一个固定的初始化值。 这样可以解决问题，但是 每一个页面都要加判断。 $(fu...
js随着浏览器窗口变化动态调整表格高度
sayu3368的博客
04-30 329
var height = tdHeight * (tdMaxCount - Math.round((winMaxHeight - $(window).height()) / tdHeight)); tdHeight : 表格一条明细行的高度 tdMaxCount : 表格在窗口最大化时显示的明细行数 winMaxHeight ：窗口最大化时的高度
通过js脚本，利用$(window).height()和$(window).weight()进行盒子的自适应调配
weixin_45646912的博客
10-21 801
现在网页布局为头部 左侧和右侧。现在通过脚本来计算子左侧和右侧的自适应 html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
文本文档表白爱心代码
10-17
window.requestAnimationFrame = window[c[a] + "RequestAnimationFrame"]; window.cancelAnimationFrame = window[c[a] + "CancelAnimationFrame"] || window[c[a] + "CancelRequestAnimationFrame"]; } if ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值