L’Objet Window

Section Progression:


 
Dans les cours précédents, on a bien approfondi le langage Javascript de manière générale.

 

Mais c’est maintenant, dans ce cours, que l’on va vraiment apprendre à utiliser Javascript pour intéragir avec nos pages Web.

 

L’objet window

 

On a beaucoup parlé d’objet global et je vous ai dis que lorsqu’on parle de Javascript exécuté dans notre navigateur: cet objet global c’est window.

 

On a vu aussi que l’on peut créer des variables ou des fonctions et les rattacher à notre window.

 

Rattacher des propriétés et méthodes à window

 

Par exemple, si on se trouve dans le scope global et qu’on déclare des variables avec var ou que l’on crée des fonctions: elles seront rattachées directement à notre objet window.

var a = "John";

function coucou() {
  console.log("Coucou");
}

console.log(window); // On voit la propriété a et la méthode coucou sur l'objet window

 

Les propriétés et méthodes pré-existantes sur window

 

Cet objet contient déjà des tas de propriétes et méthodes qui lui sont propres.

Par exemple, on peut accéder à la taille de notre window (de notre navigateur).

console.log(window.innerWidth);
console.log(window.innerHeight);
console.log(window.outerWidth);
console.log(window.outerHeight);

 

Bien évidemment du fait que window est l’objet global, on peut se passer d’écrire window pour accéder à ses propriétés.

console.log(innerWidth);
console.log(innerHeight);
console.log(outerWidth);
console.log(outerHeight);