Introduction au JavaScript

Cet objet représente le navigateur contenant l'objet document. Il est créé lors de l'ouverture du navigateur et contient toutes les propriétés et les méthodes de gestion de la fenêtre. Ses propriétés et ses méthodes peuvent être appelées sans devoir préciser l'objet window.

window.alert ("Coucou");

alert("Coucou");

Cet objet contient les propriétés du navigateur (nom, version, langue, etc.). On utilise de moins en moins souvent cet objet pour identifier le navigateur de l'utilisateur, car certaines propriétés peuvent être modifiées (cas d'Opera). On utilisera plutôt certaines propriétés de l'objet document pour réaliser ces tests.

L'objet document regroupe toutes les méthodes de gestion de la page web. Ses fonctions permettent de cibler un objet (un paragraphe par exemple) pour modifier ses attributs.

Pour modifier les attributs d'un élément (paragraphe, lien, etc.), celui-ci doit être au préalable identifié par un identifiant unique (attribut id). L'objet est ensuite ciblé grâce à la méthode getElementById() contenue dans l'objet document. Si l'élément possédant cet id n'existe pas la méthode renvoie null.

//objet contient toutes les propriétés de idElement
var monElement = document.getElementById("idElement") ;
 
//pour modifier la taille de la police
monElement.style.fontSize = "12px";
 
//pour modifier la police
monElement.style.fontFamily = "Arial";
 
//pour modifier le contenu du paragraphe (balises div, span, p et body uniquement).
monElement.innerHTML = "Salut tout le monde !!";