1 – Introduction
Le langage javascript est un langage orienté objet, en plus il est doté de l'avantage de manipulation d'objets sans instanciation, et par suite vous pouvez manipuler tous ce qui apparaissent dans votre browser : fenêtres corps du document, boutons, zones de texte... comme etant des objets javascript. Nous n'allons pas ici traiter le coté POO du javascript proprement dit mais quelque exemple d'objets fondamentaux. Pour accéder aux propriétés d'un objet on utilise la syntaxe:
objet.propriété
2 - L'objet window
Tous les composants d'une page web sont des objets y compris l'objet windows qui est leur parent, l'objet window est parfois appelé l'objet par excellence. Exemple pour écrire un texte on utilise la syntaxe :
window.document.write('bonjour');
2.1 - Les propriétés et méthodes de l'objet window
|
Propriété ou méthode
|
Description
|
|
document
|
permet d'accéder à tous les objets
|
|
status
|
affiche un message dans la barre d'état
|
|
name
|
le nom de la fenêtre actuelle
|
|
window
|
fenêtre actuelle
|
|
Home()
|
permet d'atteindre la page d'accueil
|
|
Alert()
|
affiche un message sur une boite
|
|
Prompt()
|
affichage d'une boite qui contrôle la saisi clavier
|
|
Close()
|
ferme la fenêtre
|
|
Open()
|
ouvre une fenêtre pop-up
|
|
Blur()
|
cache la fenêtre
|
|
resizeBy()
|
permet de modifier les dimensions de la fenêtre
|
Exemple : affichage dans la barre d'état le texte "Vous êtes sur le site du CRMEF OUJDA"
Exemple : Voici un exemple de code Javascript affichant deux boutons, un pour cacher la fenêtre, l'autre pour fermer la fenêtre
|
<INPUT type="button" value="cachez la fenêtre" onClick="window.blur();">
<INPUT type="button" value="fermer la fenêtre" onClick="window.close();">
|
En visualisant le code ci-dessus sur le navigateur on obtient :
Exemple : Ouverture d'une fenêtre pop_up
