interface Web
js tutoriel
Explication détaillée des propriétés innerWidth et innerHeight en JavaScript
Explication détaillée des propriétés innerWidth et innerHeight en JavaScript
Mar 27, 2019 pm 02:41 PM
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 id="浏览器窗口">浏览器窗口</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!
Article chaud
Outils chauds Tags
Article chaud
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript
Dec 17, 2023 pm 02:54 PM
Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript
WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel
Dec 17, 2023 pm 05:30 PM
WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel
Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript
Dec 17, 2023 am 09:39 AM
Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript
Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel
Dec 17, 2023 pm 12:09 PM
Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel
JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel
Dec 17, 2023 pm 05:13 PM
JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel
Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP
Jan 05, 2024 pm 06:08 PM
Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP
Comment obtenir facilement le code d'état HTTP en JavaScript
Jan 05, 2024 pm 01:37 PM
Comment obtenir facilement le code d'état HTTP en JavaScript
Comment utiliser insertBefore en javascript
Nov 24, 2023 am 11:56 AM
Comment utiliser insertBefore en javascript
