Obtenez la hauteur et la largeur de la page via js

[Introduction] Alors que je créais une boîte de dialogue contextuelle aujourd'hui, je suis tombé sur une méthode permettant d'obtenir la largeur et la hauteur de la page parent. Après avoir essayé plusieurs méthodes, telles que le corps du document clientWidth, la largeur de l'écran de la fenêtre, le corps du document scrollWidth et d'autres méthodes, j'ai découvert qu'aucune d'entre elles ne correspondait aux résultats que je souhaitais

Aujourd'hui, lorsque je créais une boîte de dialogue contextuelle. , J'ai rencontré le problème de récupération des méthodes width et height de la page parent.

Après avoir essayé plusieurs méthodes, telles que document.body.clientWidth, window.screen.width, document.body.scrollWidth, etc.

, j'ai constaté qu'aucune d'entre elles n'était ce que je voulais. En conséquence, j'ai découvert plus tard une méthode efficace et je l'ai immédiatement partagée avec tout le monde :

Ajoutez le débogage du point d'arrêt [debugger] là où la hauteur et la largeur doivent être obtenues, puis entrez le document. .body dans la page de surveillance, vérifiez tous les attributs de

body pour voir de quel résultat vous avez besoin, s'il ne vous convient pas, vous pouvez également entrer dans la fenêtre, puis voir s'il existe des attributs appropriés sous la fenêtre Aujourd'hui.

ma question La solution est résolue de cette manière, les propriétés sont window.innerWidth et window.innerHeight.

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!