English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Manuel de référence JavaScript

Manuel de référence JS DOM

Propriété innerWidth de la fenêtre

Objet Window JavaScript

innerWidthPropriété lecture seule qui retourne la largeur de la zone de contenu de la fenêtre (portail), y compris la barre de défilement.

UtilisationouterWidthPropriété qui récupère la largeur de la fenêtre du navigateur entière.

Syntaxe :

window.innerWidth
var　h　=　window.innerHeight;
var　w　=　window.innerWidth;
Voyons voir‹/›

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge pleinement la propriété innerWidth :

Propriété
innerWidth11939

Détails techniques

Valeur de retour :Un nombre qui représente la largeur interne de la zone de contenu du navigateur, en pixels

Plus d'exemples

Affichage de la hauteur et de la largeur à l'aide de l'événement onresize :

<body　onresize="myFunc()">
script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Largeur :　"　+　w　+　"<br>Hauteur :　"　+　h;
}
</script>
Voyons voir‹/›

Solution de compatibilité entre navigateurs (pour IE8et des versions antérieures utilisent clientWidth et clientHeight) :

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;
Voyons voir‹/›

Cet exemple montre innerWidth, innerHeight, outerWidth et outerHeight dans un seul exemple :

var txt = "";
txt　+= "<p>innerWidth: "　+　window.innerWidth　+　"</p>";
txt　+= "<p>innerHeight: "　+　window.innerHeight　+　"</p>";
txt　+= "<p>outerWidth: "　+　window.outerWidth　+　"</p>";
txt　+= "<p>outerHeight: "　+　window.outerHeight　+　"</p>";
document.write(txt);
Voyons voir‹/›

Références associées

Référence Window (Fenêtre) :Propriété window.innerHeight

Référence Window (Fenêtre) :Propriété window.outerHeight

Référence Window (Fenêtre) :Propriété window.outerWidth

Objet Window JavaScript

Objet Storage JSObjet Window JavaScript