Je trouve souvent que lors de l'écriture de JavaScript, vous devez utiliser la hauteur et la largeur de la page Web, du navigateur ou de l'écran pour résoudre le problème de positionnement de la disposition. Vous l'oubliez souvent avant et après utilisation, ou recherchez en ligne, et vous résumez simplement vous-même, afin qu'il soit pratique de l'utiliser à nouveau, en gardant du temps et des efforts.
La largeur de zone visible de la page Web: document.body.clientwidth
La hauteur de zone visible de la page Web: document.body.clientheight
La largeur de zone visible de la page Web: document.body.offsetwidth (y compris la largeur de la ligne de bord)
La hauteur de zone visible de la page Web: document.body.offsetheight (y compris la largeur de la ligne de bord)
Largeur du texte intégral de la page Web: document.body.scrollwidth (avec largeur de barre de défilement)
Texte intégrale de la page Web: document.body.scrollHeight (avec une hauteur de barre de défilement)
La page Web est déployée à un niveau élevé: document.body.scrolltop
La gauche de la page Web est déployée: document.body.scrollleft
Sur la partie principale de la page Web: Window.Screentop
Gauche du texte principal de la page Web: fenêtre.screenleft
Résolution à haut écran: fenêtre.Screen.Height
Largeur de la résolution d'écran: window.screen.width
Écran disponible sur l'espace de travail Hauteur: Window.Screen.AvailHeight
Écran Disponible Espace de travail Largeur: Window.Screen.AvailWidth
HTML Position précise: Scrollleft, ScrollWidth, ClientWidth, OffsetWidth
ScrollHeight: obtient la hauteur de défilement de l'objet.
Scrollleft: définissez ou obtenez la distance entre la limite gauche de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre
ScrollTop: définissez ou obtenez la distance entre le haut de l'objet et le haut du contenu visible dans la fenêtre
ScrollWidth: Obtenez la largeur de défilement de l'objet
Offsetheight: obtient la hauteur de l'objet par rapport à la disposition ou à la coordonnée parent spécifiée par la propriété OffsetParent coordonnée parentale
Offsetleft: obtient la position gauche calculée de l'objet par rapport à la disposition ou aux coordonnées parentales spécifiées par la propriété offsetparent
Offsettop: obtient la position supérieure calculée de l'objet par rapport à la disposition ou à la coordonnée parent spécifiée par la propriété Offsettop
event.clientx coordonnées horizontales par rapport au document
Event.Clienty Coordonnées verticales par rapport au document
event.offsetx coordonnées horizontales par rapport au conteneur
event.offsety Coordonnées verticales par rapport au conteneur
document.DocumentElement.ScrollTop La valeur du défilement verticalement
event.clientx + document.DocumentElement.ScrollTop par rapport à la coordonnée horizontale du document + la quantité de défilement dans la direction verticale
C'est-à-dire, les différences de Firefox sont les suivantes:
IE6.0, FF1.06 +:
La copie de code est la suivante:
ClientWidth = largeur + rembourrage
ClientHeight = hauteur + rembourrage
OffsetWidth = largeur + rembourrage + bordure
offSetheight = hauteur + rembourrage + bordure
IE5.0 / 5.5:
La copie de code est la suivante:
ClientWidth = Largeur - Border
ClientHeight = Height - Border
OffsetWidth = Largeur
offsetheight = hauteur
Résumé: Il y a pas mal de choses sur la hauteur et la largeur. Je n'ai pas compris certains des détails moi-même. Après avoir expérimenté avec eux, certains d'entre eux ont les mêmes valeurs, donc c'est très déroutant et ne peut dépendre que de la situation.