63

我遇到身高错误的问题

$(window).height();

并在这里得到了类似的问题

就我而言，当我尝试

$(document).height();

它似乎给我返回了正确的结果

窗口高度返回 320

而文档高度返回 3552！

我也发现了这个问题

但在我的情况下，窗口已经完全加载，因为我在几次 ajax 操作后调用了高度函数

那么知道当前窗口高度的最佳方法是什么？

编辑：

在此处输入图像描述 在此处输入图像描述

4

6 回答 6

127

Well you seem to have mistaken them both for what they do.

$(window).height() gets you an unit-less pixel value of the height of the (browser) window aka viewport. With respect to the web browsers the viewport here is visible portion of the canvas(which often is smaller than the document being rendered).

$(document).height() returns an unit-less pixel value of the height of the document being rendered. However, if the actual document’s body height is less than the viewport height then it will return the viewport height instead.

Hope that clears things a little.

于 2012-12-26T05:59:49.163 回答
10

这固定了我

var width = window.innerWidth;
var height = window.innerHeight;
于 2016-10-05T15:28:04.783 回答
5

AFAIK$(window).height();返回窗口的高度并$(document).height();返回文档的高度

于 2012-12-26T04:18:10.657 回答
1

jQuery$(window).height();或$(window).width();仅当您的 html 页面文档类型为 html 时才能完美运行

<!DOCTYPE html>
<html lang="en">
...
于 2020-12-28T12:33:02.427 回答
0

您需要知道文档和窗口的含义。

  1. window 对象表示浏览器中打开的窗口。点击这里
  2. Document 对象是文档树的根。点击这里
于 2012-12-26T05:40:00.140 回答
0

$(document).height:如果您的设备height更大。您的页面没有任何滚动；

$(document).height:假设你没有滚动并返回这个height；

$(window).height:height在您的设备上返回您的页面。

于 2015-09-13T16:49:14.657 回答