|
|
Cette page détaille les principales propriétés, méthodes et événements associés à l'objet window.
Retour à l'arborescence des objets
1 - Les propriétés de window
2 - Les méthodes de window
3 - Les événements de window
4 - Les objets attachés à window
1 - Les propriétés de window
defaultStatus : contient le texte par défaut qui apparaît dans la barre d'état.
name : contient le nom de la fenêtre.
status : contient le texte qui doit apparaître dans la barre d'état. Prend le dessus sur defaultStatus.
screenLeft : contient l'abscisse du coin supérieur gauche.
screenTop : contient l'ordonnée du coin supérieur gauche.
2 - Les méthodes de window
alert(texte) : Affiche un message à l'utilisateur
confirm(texte) : Pose une question binaire à l'utilisateur
prompt(texte) : Propose une saisie de texte à l'utilisateur
print(texte) : Affiche un texte dans la page
focus() : Donne le focus sur la page
blur() : Retire le focus de la page
open(url,nom,option) : Ouvre un popup
close() : Ferme une fenêtre
moveBy(x,y) : Déplacement relatif
moveTo(x,y) : Déplacement vers un point précis
resizeBy(x,y) : Redimensionnement relatif
resizeTo(x,y) : Redimensionnement à une taille fixe
scrollBy(x,y) : Scrolle la fenêtre en relatif
scrollTo(x,y) : Scrolle à une position définie
setTimeout(fonction,delai) : Déclenche un timer
stopTimeout(timer) : Supprime un timer
3 - Les événements de window
onload : Détecte la fin du chargement du code d'une page
onfocus : Détecte la prise de focus de la fenêtre (ou d'un élément de la fenêtre)
onblur : Détecte la perte de focus
onunload : Détecte le déchargement de la page : soit la fermeture du navigateur, soit le chargement d'une autre page
onresize : Détecte le redimensionnement de la fenêtre
Ces événements se placent dans la balise BODY :
<BODY onload="alert('Chargement terminé')">
a pour effet d'afficher le message Chargement terminé dès que le navigateur a terminé le chargement et l'interprétation du code HTML.
4 - Les autres objets de window
D'autres objets sont attachés à window et contiennent aussi des propriétés. Ces objets sont assez "petits" et peuvent figurer sur cette page.
L'objet frames
Le tableau frames contient toutes les frames déclarées sur la page.
Voir le cours sur les frames pour plus de détails et pour des exemples.
Les objets parent et top
parent fait référence à la page mère, celle qui contient la déclaration de frames immédiatement supérieure.
top fait référence à la page de plus haut niveau, celle qui contient la première déclaration de frames.
parent et top sont des objets de type window et en possèdent toutes les caractéristiques.
Voir le cours sur les frames pour plus de détails et pour des exemples.
L'objet opener
Grâce à opener (objet de type window) on a accès à la fenêtre responsable de son ouverture.
Faire une recherche sur "popup" dans la base des scripts pour un exemple.
L'objet history
history contient l'historique de la navigation. La propriété length permet de connaître le nombre d'entrées. Il n'est toutefois pas possible de les lire et ce pour protéger le visiteur. Les méthodes back()forward() et go(indice) permettent de naviguer comme avec les boutons précédent et suivant.
L'objet location
location regroupe les informations relatives à l'adresse (URL) du document chargé dans la fenêtre. Le code window.location contient l'adresse complète du document. Les propriétés hash, host, hostname, href, port, protocole permettent de trouver une information plus précise. La propriété search contient la partie qui suit le ? de l'adresse URL.
La méthode reload() force le chargement de la page, mais n'est pas reconnue par tous les navigateurs. La méthode replace(page) force le chargement de la page sans que l'historique ne soit modifié.
L'objet external
external est un objet propre à Internet Explorer. Il permet d'accéder aux propriétés du navigateur. Il est ainsi possible de créer des scripts pour modifier la page d'accueil ou pour ajouter aux favoris (faire une recherche dans la base des scripts).
L'objet screen
screen contient des informations sur le système d'affichage du visiteur.
availHeight et availWidth contiennent la taille en pixels utilisable pour l'affichage de la page.
height et width contiennent la taille en pixels de la fenêtre du navigateur (barre de menus, d'état, de titre et de scrolling incluses).
L'objet event
event est un objet propre à Internet Explorer. La propriété altKey contient le code du caractère clavier frappé et la propriété button contient le type de clic souris effectué.
Cet objet est complexe et sera détaillé plus tard dans un prochain article sur la programmation événementielle javascript.
|
|