Vous devez obtenir les coordonnées de certains objets HTML pour définir de manière plus flexible les coordonnées de la couche cible. Ici, vous pouvez utiliser des attributs tels que document.body.scrolltop, mais ces attributs sont obtenus dans la page Web standard de xhtml ou, en termes simples, la valeur obtenue dans la balise avec <! Doctype ...> est 0; Si vous n'avez pas cette balise, tout est normal, alors comment obtenir les coordonnées du corps dans XHTML? Bien sûr, il y a un moyen. Nous utilisons Document.DocumentElement pour remplacer document.body. Par exemple, vous pouvez l'écrire comme ceci:
La copie de code est la suivante:
var top = document.DocumentElement.ScrollTop || document.body.scrooltop;
|| en js est une bonne chose. Il peut non seulement être utilisé dans l'énoncé conditionnel de IF, mais aussi dans l'affectation des variables. L'exemple ci-dessus peut être écrit dans le format suivant:
La copie de code est la suivante:
var top = document.DocumentElement.ScrollTop? Document.DocumentElement.ScrollTop: document.body.scrollTop;
De cette façon, il peut avoir une bonne compatibilité. Une chose à noter est que si la valeur de document.DocumentElement.scrollTop n'est pas déclarée, elle affichera 0 à la place.
Instructions pour obtenir la position des coordonnées verticales de la coordonnée de la barre de défilement sur la page actuelle:
document.documentElement.scrolltop au lieu de
document.body.scrolltop;
Document.DocumentElement obtient la balise HTML.
Document.Body obtient la balise corporelle;
Sous W3C standard, document.body.scrolltop est toujours 0, et document.DocumentElement.scrollTop doit être remplacé par document.documentElement.scrollTop;
Si nous voulons localiser la position absolue de la souris par rapport à la page, la plupart des résultats que nous obtenons dans les moteurs de recherche vous permettra d'utiliser
event.clientx + document.body.scrollleft, event.clienty + document.body.scrolltop;
C'est étrange si vous constatez que la souris s'écarte de votre imagination, car l'objet document.body.scrollx n'est plus pris en charge après IE5.5.
Nous devons donc ajouter une phrase;
La copie de code est la suivante:
if (document.body && document.body.scrolltop && document.body.scrollleft)
{
top = document.body.scrolltop;
Left = document.body.scrollleft;
}
if (document.DocumentElement && document.DocumentElement.ScrollTop && document.DocumentElement.Scrollleft)
{
top = document.DocumentElement.ScrollTop;
Left = Document.DocumentElement.Scrollleft;
}
Voici quelques usages de paramètres:
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 du bord);
La largeur du texte intégral de la page Web: document.body.scrollwidth;
Texte complet de la page Web: document.body.scrollHeight;
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: Windows.ScreentOP;
Gauche de la page Web Pièce du texte: Windows.ScreenLeft;
Résolution à haut écran: Windows.Screen.Height;
Largeur de la résolution d'écran: windows.screen.widht;
La hauteur de l'espace de travail disponible de l'écran: windows.screen.availight;
Écran Disponible Espace de travail Largeur: Windows.Screen.AvailWidth;
Obtenez la hauteur de défilement de l'objet: ScrollHeight;
Définissez ou obtenez la distance entre la limite de gauche de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre: Scrollleft;
Définissez ou obtenez la distance entre le haut de l'objet et le haut du contenu visible dans la fenêtre: ScrollTop;
Obtenez la largeur de défilement de l'objet: ScrollWidth;
Obtient la hauteur de l'objet par rapport à la mise en page ou à la coordonnée parent spécifiée par la coordonnée parent: Propriété OffsetParent: OffSetheight;
Obtenez la position gauche du calcul de l'objet par rapport à la disposition ou à la coordonnée parent spécifiée par la propriété OffsetParent: OffsetLeft;
Obtenez la position supérieure calculée de l'objet par rapport à la mise en page ou à la coordonnée parent spécifiée par la propriété OffsetTop: OffsetTop;
event.clientx: coordonnées horizontales par rapport au document;
Event.Clienty: les coordonnées verticales par rapport au document;
event.offsetx: coordonnées horizontales par rapport au conteneur;
event.offsety: les coordonnées verticales par rapport au conteneur;
document.DocumentElement.ScrollTop: Réglez la hauteur verticale du parchemin
event.clientx + document.DocumentElement.scrollTop: position horizontale par rapport au document + la quantité de défilement dans la direction verticale;