Code d'implémentation javascript jQuery pour obtenir la hauteur et la largeur d'une page Web_compétences javascript

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 du bord)
La hauteur de la zone visible de la page web : document.body.offsetHeight (y compris la hauteur 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 page défile vers le haut : document.body.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
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
Hauteur de l'espace de travail disponible à l'écran : window.screen.availHeight

Largeur de l'espace de travail disponible à 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).width();
Obtenir la hauteur du document de la page : $(document).height();
Obtenir la largeur du document de la page : $(document).width();

Obtenir la hauteur verticale de la barre de défilement vers le haut : $(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 très 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, résultats)
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 les barres de défilement, par défaut TRUE
options.padding S'il faut inclure le remplissage, false par défaut
options.margin S'il faut inclure la marge dans le calcul, vrai par défaut
options.border S'il faut inclure la bordure, true par défaut

Le javascript jQuery ci-dessus pour obtenir la hauteur et la largeur d'une page Web est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère également que tout le monde soutiendra Script Home.