Comment obtenir la hauteur et la largeur d'une page Web à l'aide de JavaScript et jQuery

JavaScript et jQuery sont largement utilisés dans le développement front-end. Cet article vous parlera des méthodes JQuery et JavaScript pour obtenir la hauteur et la largeur d'une page Web. J'espère que les amis dans le besoin pourront s'y référer. ça peut aider. Vous qui apprenez !

javascript

Largeur de la zone visible de la page Web : document.body.clientWidth
Hauteur de la zone visible de la page Web : document.body.clientHeight
Page Web visible Largeur de la zone : document.body.offsetWidth (y compris la largeur du bord)
Hauteur de la zone visible de la page Web : document.body.offsetHeight (y compris la hauteur du bord)
Full largeur du texte du corps de la page Web : document.body.scrollWidth
Hauteur du texte intégral de la page Web : document.body.scrollHeight
Hauteur de la page Web en cours de défilement : document.body.scrollTop
Côté gauche de la page Web en cours de défilement : document.body.scrollLeft
Sur la partie corps de la page web : window.screenTop
À gauche du texte principal de la page web : window.screenLeft
Hauteur de la résolution de l'écran : window. screen.height
Largeur de la résolution de l'écran : window.screen.width
Hauteur de la zone de travail disponible de l'écran : window.availHeight
Largeur de l'espace de travail disponible de l'écran : window.screen.availWidth

<.>

jquery

Obtenir la hauteur de la zone d'affichage du navigateur : (window).height( ); Obtenir la largeur de la zone d'affichage du navigateur : (window).height(); la largeur de la zone d'affichage du navigateur : (window).width();

Obtenez la hauteur du document de la page : (document).height() ; Obtenez la largeur du document de la page : (document).height() ; ; Obtenez la largeur du document de la page : (document).width();
Obtenez la hauteur verticale de la barre de défilement vers le haut : (document).scrollTop(); left: (document).scrollTop(); Obtenez la largeur verticale de la barre de défilement vers la gauche : (document).scrollLeft();
Calculer la position et le décalage de l'élément
La méthode offset est une méthode utile qui renvoie les informations de décalage du premier élément de l'ensemble compressé. Par défaut, il s'agit des informations de décalage par rapport au corps. Le résultat contient deux attributs, top et left.
offset(options, results)
options.relativeTo　Spécifie l'élément ancêtre par rapport à la position de décalage calculée. Cet élément doit être positionné de manière relative ou absolue. S'il est omis, il est relatif au corps.
options.scroll S'il faut inclure la barre de défilement, la valeur par défaut est TRUE
options.padding S'il faut inclure le remplissage, la valeur par défaut est false
options.margin S'il faut inclure la marge, la valeur par défaut est true
options .border S'il faut inclure la bordure, vrai par défaut

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!