Langage JavaScriptObjet Window
L'objet JavaScript Window
L'objet JavaScript Window permet de questionner et de contrôler la fenêtre du document.
Les méthodes de l'objet window
Les méthodes sont des fonctions liées à un objet déterminé, qui exécutent des actions.- alert() : boite de dialogue
- back() : page précédente
- blur() : quitter la fenêtre
- captureEvents() : surveiller les événements
- clearInterval() : interrompre la suite d'instructions sans fin
- clearTimeout() : interrompre le compte à rebours
- close() : fermer la fenêtre
- confirm() : boite de dialogue pour confirmer
- disableExternalCapture() : empêcher une surveillance extérieure
- enableExternalCapture() : permettre une surveillance extérieure
- find() : chercher du texte
- focus() : activer la fenêtre
- forward() : page suivante
- handleEvent() : renvoyer l'événement
- home() : appeler la page d'accueil
- moveBy() : se mouvoir avec des mentions relatives
- moveTo() : se mouvoir avec des mentions absolues
- open() : ouvrir une nouvelle fenêtre
- print() : imprimer
- prompt() : fenêtre de dialogue pour la saisie de valeur
- releaseEvents() : fermer un événement
- resizeBy() : modifier la taille avec des mentions relatives
- resizeTo( : modifier la taille avec des mentions absolues
- routeEvent() : parcourir la hiérarchie des gestionnaires d'événement
- scrollBy() : défiler un certain nombre de pixels
- scrollTo() : défiler jusqu'à la position
- setInterval() : établir une liste d'instructions planifiées
- setTimeout() : entamer le compte à rebours
- stop() : interrompre
Exemple avec la méthode setTimeOut()
Window.setTimeout(fonction, délai en millisecondes)
<head>
<script>
function coucou()
{
alert("Hello there");
}
</script>
</head>
<body onload="setTimeout('coucou()', 3000);">
...</body></html>
<script>
function coucou()
{
alert("Hello there");
}
</script>
</head>
<body onload="setTimeout('coucou()', 3000);">
...</body></html>
Autre exemple - direct:
<body onload="setTimeout('alert(\'coucou\');', 3000);">
Il est aussi possible d'annuler le déclenchement de la fonction à l'aide de window.clearTimeout().
L'évènement onload peut aussi être utilisé directement dans le code Javascript, comme ceci :
window.onload = mafonction;
Notez l'absence des parenthèse lors de l'appel de la fonction.
Pour réaliser plusieurs window.onload en même temps, on utilise la technique JavaScript de définition de fonctions au vol (ce qu'on appelle une fonction anonyme). Exemple :
window.onload = function() {
mafonction1();
mafonction2();
}
mafonction1();
mafonction2();
}
Les propriétés de l'objet window
- closed : ferme la fenêtre
- defaultStatus : affichage dans la barre d'état (en bas)
- innerHeight : hauteur du domaine d'affichage
- innerWidth : largeur du domaine d'affichage
- locationbar : barre d'adresse
- menubar : barre des menus
- name : nom de la fenêtre
- outerHeight : hauteur de la fenêtre globale
- outerWidth : largeur de la fenêtre globale
- pageXOffset : position de départ de la fenêtre à partir de la gauche
- pageYOffset : position de départ de la fenêtre à partir du haut
- personalbar : barre pour les adresses favorites
- scrollbars : barres de défilement
- statusbar : barre d'état
- status : contenu de la barre d'état
- toolbar : barre d'outils
