La différence entre l'écran.availHeight et de la fenêtre.hauteur()

Question

Je suis de l'exécution de la suite de Javascript sur mon navigateur (Firefox).

1. console.debug("la hauteur de l'Écran = "+ écran.availHeight); //affiche 770

2. console.debug("Hauteur de la Fenêtre ="+ $(window).height()); //affiche 210 (je suis à l'aide de jQuery ainsi)

Quelle est la différence entre les deux? Est 770 en pixels et 210 en mm?

De même, quand j'écris $(document).height() et $(window).height(), il y a une différence. Quelle est la raison?

Answer 1

• screen.availHeight est la hauteur de la fenêtre du navigateur peut avoir si elle est agrandie. (y compris toutes les décorations de fenêtre du navigateur la barre d'état, les barres de menu et la barre de titre)
• $(window).height() est à la hauteur de la fenêtre qui affiche le site web. (à l'exclusion de vos barres d'outils et la barre d'état et des trucs comme ça)
• $(document).height() est à la hauteur de votre document affiché dans la fenêtre d'affichage. Si elle est supérieure $(window).height() vous obtenir des barres de défilement pour faire défiler le document.

Toutes les valeurs sont exprimées en pixels.

Mise à jour

L' screen objet n'a rien à faire avec votre site web. Jetez un oeil à l' screen.height et screen.width. Avez-vous les reconnaître? Ils sont les pixels de votre écran peut afficher. screen.availHeight est screen.height moins la barre des tâches si vous êtes sur Windows, moins le Dock et la barre de menu si vous êtes sur Mac et moins tout ce qui est fixe sur le haut ou le bas de votre écran, si vous utilisez Linux.

Mise à jour 2 Voici une image pour montrer les différences: