recherche

Maison >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

藏色散人
藏色散人original
2019-03-27 14:41:134157parcourir

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 :

Explication détaillée des propriétés innerWidth et innerHeight en JavaScript

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!

Déclaration：
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
Article précédent：Exemple de code pour transmettre des paramètres supplémentaires dans l'événement de composant iviewArticle suivant：Exemple de code pour transmettre des paramètres supplémentaires dans l'événement de composant iview

Articles Liés

Voir plus