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);