Maison > interface Web > tutoriel HTML > Comment utiliser document.body

Comment utiliser document.body

高洛峰
Libérer: 2017-03-22 14:44:27
original
2299 Les gens l'ont consulté

Largeur de la zone visible de la page Web : document.body.clientLargeur;

Hauteur de la zone visible de la page Web : document.body.client Hauteur ;
La largeur de la zone visible de la page web : document.body.offsetLargeur (y compris la largeur des lignes latérales) ;
La hauteur de la zone visible de la page web : document.body.offsetHeight (y compris la largeur des lignes latérales) ;
La largeur du texte intégral de la page web : document.body.scrollWidth;
La hauteur du texte intégral de la page Web : document.body.scrollHeight;
La hauteur de la page Web défilée : document.body.scrollTop
Le côté gauche du page Web en cours de défilement : document.body.scrollLeft;
Le corps principal de la page Web : window.screenTop;
Le côté gauche du corps principal de la page Web : window.screenLeft;
La hauteur de la résolution de l'écran : window.screen.height;
La largeur de la résolution de l'écran : window.screen.width;
La hauteur de la zone de travail disponible de l'écran : window.screen.availHeight;
La largeur de la zone de travail disponible sur l'écran :window.screen.availWidth;
scrollHeight: Obtenez la hauteur de défilement de object.
scrollLeft : Définit ou obtient la distance entre le bord gauche de l'objet et l'extrémité la plus à gauche du contenu actuellement visible dans la fenêtre
scrollTop : Définit ou obtient la distance entre le bord le plus haut de l'objet et l'extrémité la plus haute du contenu visible dans la fenêtre
scrollWidth : Récupère la largeur de défilement de l'objet
offsetHeight : Récupère la hauteur de l'objet par rapport à la mise en page ou à la coordonnée parent spécifiée par la coordonnée parent offsetParent attribut
offsetLeft : Récupère la hauteur de l'objet par rapport à la mise en page ou spécifiée par offsetParent La position gauche calculée de la coordonnée parent spécifiée par l'attribut
offsetTop : Récupère la position supérieure calculée de l'objet par rapport à la mise en page ou la coordonnée parent spécifiée par l'attribut offsetTop
event.clientX La coordonnée horizontale relative au document
event.clientY Les coordonnées verticales relatives au document
event.offsetX Les coordonnées horizontales relatives au conteneur
event. offsetY Coordonnées verticales par rapport au conteneur
document.documentElement.scrollTop Valeur pour le défilement vertical
event.clientX+document. documentElement.scrollTop est la coordonnée horizontale par rapport au document + la quantité de défilement vertical
Publier par molong le 19/05/2009 23:57 #1
Pour obtenir la position des coordonnées verticales de la barre de défilement sur la page actuelle, utilisez :
document.documentElement.scrollTop;
au lieu de :
document.body.scrollTop;
documentElement correspond à la balise html, et body correspond à la balise body.
Sous la norme w3c, document.body.scrollTop vaut toujours 0 et doit être remplacé par document.documentElement.scrollTop
Si vous souhaitez positionner la position absolue de la souris par rapport à sur la page, vous constaterez que 999,99 des 1 000 articles de Google vous demanderont d'utiliser event.clientX+document.body.scrollLeft, event.clientY+document.body.scrollTop Si vous constatez que le positionnement de votre souris s'écarte de celui de votre. imagination, s'il vous plaît, ne le faites pas. Étrange, c'est une chose normale.
L'objet document.body.scrollX n'est plus pris en charge après ie5.5.
Donc lors de la programmation, veuillez ajouter ce jugement
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;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal