communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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
1984 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
Article précédent：Code source du compte à rebours Jquery Sharing_jquery Article suivant：code js pour accéder automatiquement à la page wap lors de la navigation dans les compétences wap_javascript
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
Derniers articles par auteur
Derniers numéros
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Ouvrir les documents de calcul à l'aide de window.open() et data: schéma J'ai une page Web qui s'exécute dans un navigateur qui génère un document HTML calculé que...
Depuis 2024-04-06 15:06:34
0
1
378
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal