浅谈$(document)和$(window)的区别

发布网友发布时间：2022-04-20 18:14

共2个回答

懂视网时间：2022-04-20 22:35

前言：在此以高度为示例，宽度问题可类推。在移动端开发中，经常遇到需要把一块内容定位于底部的情况，当页面内容不满一屏时，需要设为fixed，而超过一屏时，需要设为static随页面顶到底部，此时就需要通过判断$(document).height()和$(window).height()的大小来区分内容是否超屏。

$(document)：整个文档
$("body")：body
$(window)：视口（有设doctype的前提下）

1)、页面内容大于视口（浏览器窗口）时：$(document).height() = $("body").height() > $(window).height();

2)、页面内容小于视口时：$(document).height() = $(window).height() > $("body").height();

另：$(window).height()还受页头DOCTYPE的影响，在此默认为有DOCTYPE的前提。

热心网友时间：2022-04-20 19:43

首先
$(document)这个是获取文档对象
$(window)这个是获取窗口对象，也就是浏览器客户区
给大家举个例子就非常直接明了了
$(document).height()
$(window).height()
注意，让网页有滚动条
然后输出一下这两个值得大小，你就知道什么区别了
以上所述就是本文的全部内容了，希望大家能够喜欢。