$(window).height()vs $(document).height

我有问题,得到错误的高度

$(window).height(); 

并在这里得到类似的问题

在我的情况下,当我尝试

 $(document).height(); 

它似乎回报我正确的结果

窗口高度返回320

而文件高度返回3552!

我也发现了这个问题

但在我的情况窗口已经完全加载,因为我在几个Ajax操作后调用高度函数

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

编辑:

在这里输入图像说明在这里输入图像说明

那么你似乎把他们俩搞错了。

$(window).height()您提供(浏览器)窗口 (视窗)高度的无单位像素值。 就Web浏览器而言,这里的视口是canvas的可见部分(其多次比正在呈现的文档小)。

$(document).height()返回正在渲染的文档高度的单位像素值。 如果实际文档的身高小于视口高度,则会返回视口高度。

希望稍微清理一下。

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

这固定了我

 var width = window.innerWidth; var height = window.innerHeight; 

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

  1. 窗口对象表示浏览器中打开的窗口。 点击这里
  2. Document对象是文档树的根。 点击这里

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

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

$(window).height:返回你的设备上的页面height