注意 jQuery 的 $(window).height()、$(document).height()

作者:vkvi 来源:千一网络(原创) 日期:2017-1-20

在 jQuery + Chrome 中:

如果指定了 DOCTYPE,且网页内容高度 > 窗口可视区域高度

  • $(window).height() 表示窗口可视区域高度
  • $(document).height() 表示网页内容高度

如果指定了 DOCTYPE,且网页内容高度 < 窗口可视区域高度

  • $(window).height() 表示窗口可视区域高度
  • $(document).height() 表示窗口可视区域高度,因为这是它的最小值,所以尽管网页很短,但它没有再跟着网页继续变短。

如果没指定 DOCTYPE,且网页内容高度 > 窗口可视区域高度

  • $(window).height() 表示网页内容高度
  • $(document).height() 表示网页内容高度

如果没指定 DOCTYPE,且网页内容高度 < 窗口可视区域高度

  • $(window).height() 表示窗口可视区域高度,因为这是它的最小值,所以尽管网页很短,但它没有再跟着网页继续变短。
  • $(document).height() 表示窗口可视区域高度,因为这是它的最小值,所以尽管网页很短,但它没有再跟着网页继续变短。

总结一下

有点晕吧,其实这样来理解好理解些:

$(window).height() 有 DOCTYPE 表示窗口可视区域高度,无 DOCTYPE 表示网页内容的高度。

$(document).height() 总是表示网页内容高度。

不过,二者均有个最小值限制,即不会小于窗口可视区域高度。

相关阅读

你前面那位网友看了:用 C# Socket 创建一个小型 Web Server

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他