jquery obtient la hauteur du document et la hauteur de la fenêtre summary_jquery

jquery obtient la hauteur de la fenêtre et la hauteur de la fenêtre, $(document).height(), $(window).height()

1. $(document).height() : La hauteur du document de la page Web entière
2. $(window).height() : La hauteur de la fenêtre visible du navigateur
3. $(window).scrollTop() : La hauteur entre le haut de la fenêtre visuelle du navigateur et le haut de la page Web (décalage vertical)
4. $(document.body).height();//La hauteur du corps du document dans la fenêtre actuelle du navigateur
5. $(document.body).outerHeight(true);//La hauteur totale du corps du document dans la fenêtre actuelle du navigateur, y compris la marge de remplissage de la bordure
6. $(window).width(); //Largeur de la zone visible de la fenêtre actuelle du navigateur
7. $(document).width();//Largeur de l'objet du document de la fenêtre actuelle du navigateur
8. $(document.body).width();//La hauteur du corps du document dans la fenêtre actuelle du navigateur
9. $(document.body).outerWidth(true);//La largeur totale du corps du document dans la fenêtre actuelle du navigateur, y compris la marge de remplissage de la bordure

Pour le comprendre en une phrase : lorsque la barre de défilement de la page Web est tirée vers l'extrémité la plus basse, $(document).height() == $(window).height() $(window).scrollTop( ).

Lorsque la hauteur de la page Web est inférieure à la fenêtre du navigateur, $(document).height() renvoie $(window).height().

Il n'est pas recommandé d'utiliser des hauteurs telles que $("html").height() et $("body").height().

Raison :

$("body").height() : Le corps peut avoir une bordure, et la hauteur obtenue sera inférieure à $(document).height();

$("html").height() : La signification de la hauteur obtenue sur différents navigateurs sera différente pour parler franchement, le navigateur est incompatible.

Il y a un problème avec la valeur $(window).height(). Ce qui est renvoyé n'est pas la hauteur de la fenêtre du navigateur ?

Raison : La page Web n'inclut pas l'instruction

js obtient la hauteur de la page et la hauteur de la fenêtre

Application pratique : définissez la hauteur appropriée de la zone de contenu

//设置内容区域合适高度
  var docH = $(document).height(),
    winH = $(window).height(),
    headerH = $(".header").outerHeight();
    footerH = $(".footer").outerHeight();
  if(docH<=winH+4){
    $("div.container").height(winH-headerH-footerH-50);
  }