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

Tutoriel de base JavaScript

Objet JavaScript

Fonction JavaScript

HTML DOM JS

BOM du navigateur JS

Tutoriel de base AJAX

Manuel de référence JavaScript

Modèle d'Objet Navigateur Window JS

La fenêtre peut être la fenêtre principale, un ensemble de cadres ou un cadre unique, même une nouvelle fenêtre créée avec JavaScript.

objet window

LewindowL'objet représente la fenêtre dans le navigateur. L'objet window est créé automatiquement par le navigateur.

Toutes les variables globales sont des propriétés, les fonctions sont des méthodes de l'objet window.

Tous les objets JavaScript globaux, fonctions et variables deviennent automatiquement des membres de l'objet window.

L'objet document est une propriété de l'objet window. Par conséquent, entrez

window.document.write("Hello　world")

est identique à celle ci-dessous

document.write("Hello　world")

Calcul de la taille de la fenêtre

L'objet window fournit2Ces propriétés peuvent être utilisées pour trouver la largeur et la hauteur de la fenêtre de visualisation du navigateur.

Ces deux propriétés renvoient toutes deux la taille en pixels :

Voici un exemple de visualisation de la taille actuelle de la fenêtre :

var　h　=　window.innerHeight;
var　w　=　window.innerWidth;
Testez et voyez‹/›

Pour Internet Explorer 5、6、7、8：

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

ou

  • document.body.clientWidth

  • document.body.clientHeight

Solution compatible avec tous les navigateurs (pour IE8et les 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;
Testez et voyez‹/›

Afficher la hauteur et la largeur en utilisant l'événement onresize :

<body　onresize="myFunc()">
<script>
function　myFunc()　{
　　　var　w　=　window.innerWidth;
　　　var　h　=　window.innerHeight;
　　　document.getElementById("para").innerHTML　=　"Width:　"　+　w　+　"<br>Height:　"　+　h;
}
</script>
Testez et voyez‹/›

Ouvrir une nouvelle fenêtre

window.open()La méthode ouvre une nouvelle fenêtre du navigateur et charge le document spécifié

Les exemples suivants s'ouvrent dans une nouvelle fenêtre avec une hauteur et une largeur spécifiées " fr.oldtoolbag.com":

window.open("https://fr.oldtoolbag.com",　"",　"width=400,　height=300");
Testez et voyez‹/›

Référence complète de la fenêtre

Pour une référence complète des propriétés et méthodes, veuillez consulter notreRéférence de l'objet fenêtre JavaScript。

La partie de référence contient des descriptions et des exemples de toutes les propriétés et méthodes des fenêtres.

Écran Window JSNavigation JS DOM