Maison > interface Web > js tutoriel > js obtient la hauteur de la zone visible, la résolution du texte et de l'écran des compétences page Web_javascript

js obtient la hauteur de la zone visible, la résolution du texte et de l'écran des compétences page Web_javascript

WBOY
Libérer: 2016-05-16 16:48:03
original
1974 Les gens l'ont consulté

La 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 (incluant la largeur des bords)
La hauteur de la zone visible de la page web : document.body.offsetHeight (incluant la hauteur du bord)
La largeur du texte intégral du corps de la page Web : document.body.scrollWidth
La hauteur du texte intégral du corps de la page Web : document.body.scrollHeight
La hauteur de défilement de la page Web : document.body .scrollTop
Le côté gauche de la page Web en cours de défilement : document.body.scrollLeft
Le haut du corps de la page Web : window.screenTop
Le côté gauche du corps de la page Web : window.screenLeft
Haute résolution d'écran : window. screen.height
Largeur de résolution de l'écran : window.screen.width
Hauteur de la zone de travail disponible de l'écran : window.screen.availHeight
Largeur de la zone de travail disponible de l'écran : window.screen.availWidth

Parce que je n'ai pas pu m'en souvenir, je devrais pouvoir m'en souvenir si je les regarde fréquemment

Grâce à cela, je peux charger dynamiquement des codes d'image

Copier le code Le code est le suivant :

document.onmousewheel = function () {
var scrollTop = document.documentElement. scrollTop || document.body. scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop document.documentElement.clientHeight >= hght) {
/*Écrivez le code pour charger les images ici */
}
É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