Maison > Article > interface Web > Explication détaillée des propriétés innerWidth et innerHeight en JavaScript
La propriété innerWidth
en JavaScript renvoie la largeur et la propriété innerHeight renvoie la hauteur de la zone de contenu de la fenêtre.
Syntaxe :
window.innerWidth window.innerHeight
Paramètres : Il ne nécessite aucun paramètre.
Valeur de retour : renvoie un nombre indiquant la largeur et la hauteur de la zone de contenu de la fenêtre.
REMARQUE : Pour IE 8 ie (Internet Edg 8) ou version antérieure, utilisez clientWidth et clientHeight pour obtenir la largeur et la hauteur de la fenêtre.
Exemple :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浏览器内部的宽度和高度</title> <style> body{ text-align:center; } .gfg { font-size:40px; font-weight:bold; color:green; } </style> </head> <body> <div class = "gfg">PHP中文网</div> <h2>浏览器窗口</h2> <p id="demo"></p> <script> var Width, Height, result; // 浏览器窗口的高度和宽度 Width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; Height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; // 显示宽度和高度。 result = document.getElementById("demo"); result.innerHTML = "浏览器内部宽度: " + Width + "<br>浏览器内部高度: " + Height; </script> </body> </html>
Sortie :
Recommandations associées : "tutoriel javascript"
Cet article est une introduction aux propriétés Window innerWidth et innerHeight en JavaScript. J'espère qu'il sera utile aux amis dans le besoin !
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!