next up previous contents
suivant: L'objet document monter: Introduction à JavaScript précédent: Le modèle document objet   Table des matières

L'objet window

La fenêtre du navigateur dans lequel est chargé un document HTML contenant un script JavaScript est associée à l'objet de type window et de nom window ! Ainsi, tout appel à une propriété (ou à une méthode) de la forme window.nom fait référence à une propriété ou à une méthode de la fenêtre du document principal. Un objet de type window possède de nombreuses propriétés dont un grand nombre permettent l'accès aux différents éléments situés dans la page. Nous décrirons ces dernières dans les paragraphes qui suivent.

Quelques propriétés
. innerHeight: hauteur de la fenêtre sans prendre en compte le cadre et les barres de menu,
. innerWidth: largeur de la fenêtre sans prendre en compte le cadre et les barres de scroll,
. defaultStatus: chaîne de caractères à afficher par défaut dans la barre d'état du navigateur lorsque la souris est sur le fond de la zone window et non pas sur un lien de cette zone.
. status: chaîne de caractères à afficher dans la barre d'état à un instant donné, par exemple lorsque la souris passe sur un lien.

Exemple 5.

<A HREF="http://www.univ-tln.fr/" onMouseOver="window.status='Asile de fous'; return(true);"> Université </A>.

Dans le cas de la modification de la propriété status lors du déclenchement d'un certain événement, le code JavaScript associé doit toujours se terminer par return(true).


. location.href: Chaîne contenant l'URL du document chargée.


Quelques méthodes
. alert('chaine'): ouvre une fenêtre avec le texte chaine,
. moveBy(x,y): déplace la fenêtre du navigateur de x pixels vers la droite et y pixels verls la gauche.
. moveTo(x,y): déplace la fenêtre du navigateur au point (x, y) de l'écran,
. resizeTo(x,y): redéfinit la largeur et la hauteur de la fenêtre.
. open('URL', 'Nom', caracteristiques): permet d'ouvrir une nouvelle fenêtre de nom Nom (utile pour l'attribut TARGET de la balise <A>), dont le contenu sera rempli par le fichier dont on a spécifié l'URL. Les caractéristiques permettent de spécifier l'aspect de la fenêtre comme sa taille (width=..., height=..., la présence d'une barre de scrolls ou non (scroll=no), de la barre d'outils (toolbar=no), ... Cette méthode renvoie un objet de type window. Ce dernier peut donc être affecté à une variable qui devra être utilisée lors de toute référence à une propriété ou méthode concernant la nouvelle fenêtre.


Exemple 6. Pour ouvrir une nouvelle fenêtre d'alerte lorsque la souris passe sur un lien, on écrit: <A HREF="...." onMouseover = alert('bonjour !')>

Exemple 7. Pour ouvrir une nouvelle fenêtre de navigateur (dans le coin supérieur gauche de l'écran) lorsque la souris passe sur un lien, on écrit:
<SCRIPT language="JavaScript1.2">
function fenetre()
{
  var fen;

  fen = window.open('toto.html', 'toto', 'width=600, height=400');
  fen.moveTo(0,0);
}
</SCRIPT>
.
.
.
<BODY>
<A HREF="...." onMouseover = "fenetre();">. 
<BODY >
Tout objet de type window possède une méthode qui s'avère indispensable dès que l'on veut réaliser quelques animations.
- setTimeout('fonction',n) ou
- setTimeout(fonction,n,arg1,...,argM)
exécute toutes les n millisecondes fonction ou fonction(arg1,...,argM).
next up previous contents
suivant: L'objet document monter: Introduction à JavaScript précédent: Le modèle document objet   Table des matières
Pascal VERON 2000-03-28