Maison > interface Web > js tutoriel > code js pour obtenir les compétences en hauteur de page et d'élément et en largeur_javascript

code js pour obtenir les compétences en hauteur de page et d'élément et en largeur_javascript

WBOY
Libérer: 2016-05-16 15:03:45
original
2037 Les gens l'ont consulté

Largeur de la zone visible de la page Web : document.body.clientWidth
La hauteur de la zone visible de la page web : document.body.clientHeight
La largeur de la zone visible de la page web : document.body.offsetWidth (y compris la largeur des bords et des barres de défilement
) ; La hauteur de la zone visible de la page web : document.body.offsetHeight (y compris la largeur du bord
) ; Largeur du texte intégral du corps de la page Web : document.body.scrollWidth ; Hauteur du texte intégral du corps de la page Web : document.body.scrollHeight
La hauteur à laquelle la page Web défile (ff) : document.body.scrollTop
La hauteur à laquelle la page Web défile (c'est-à-dire) : document.documentElement.scrollTop
Le côté gauche de la page Web en cours de défilement : document.body.scrollLeft
Sur le corps principal de la page Web : window.screenTop
Partie gauche du texte de la page Web : window.screenLeft ; La largeur d'un élément : obj.offsetWidth;
La hauteur d'un élément : obj.offsetHeight;
La distance entre la bordure supérieure d'un élément et le haut du corps : obj.offsetTop; (lorsque l'élément conteneur ne contient pas de barre de défilement)
La distance entre la bordure gauche d'un élément et le côté le plus à gauche du corps : obj.offsetLeft (lorsque l'élément conteneur ne contient pas de barre de défilement)
Renvoie le décalage entre le bord supérieur de l'élément courant et le bord supérieur de son élément conteneur : obj.offsetTop (dans le cas où l'élément conteneur de l'élément contient des barres de défilement)
Renvoie le décalage entre le bord gauche de l'élément actuel et le bord gauche de son élément conteneur : obj.offsetLeft (si l'élément conteneur de l'élément contient une barre de défilement)

scrollTop, scrollLeft

Définissez ou renvoyez le nombre de pixels qui ont défilé vers la bordure gauche ou supérieure de l'élément. Ces pixels ne sont utiles que si l'élément possède des barres de défilement, par exemple si la propriété de débordement CSS de l'élément est définie sur auto. Ces propriétés sont également définies uniquement sur la balise ou du document (cela dépend du navigateur), et ensemble, elles spécifient la position du document défilant. Notez que ces propriétés ne spécifient pas la quantité de défilement pour une balise