TIME
USER
SITE
IMAGE
MESSAGES
JAVASCRIPT
Ajouter un script à une page html: <SCRIPT>...</SCRIPT> et <SCRIPT LANGUAGE="javascript">
Entre les balises <body> le résultat du script s'affiche dans le document html quand la page est chargée.
Entre les balises <head> il n'est pas exécuté immédiatement mais d'autres scripts peuvent s'y référer.
Entre les balises <html> c'est un gestionnaire d'évènements: le script interagit avec les éléments html.
Dans un fichier séparé avec l'extension .js., il faut indiauer le nom du fichier "fichier.js" ds la balise <script>.
Mettre des ; à chaque fin d'instruction.
Les objets permettent de combiner différents types de données et de fonctions permettant d'interagir sur ces données en un seul élément facile à manipuler.
Contrairement aux variables, les objets peuvent stocker plusieurs données à la fois. Les données stockées sont les propriétés de ces objets.
Les objets peuvent comprendre aussi des méthodes qui sont des fonctions qui permettent de gérer les données d'un objet.
Il y a 3 types d'objets:
| setDate() | définit le jour du mois |
| setMonth() | definit le mois |
| setFullYear() | définit l'année (4 chiffres) |
| setTime() | définit l'heure et la date en nbre de millisecondes depuis 01/01/70 |
| setHours() | définit l'heure |
| setMinutes() | definit les minutes |
| setSeconds() | definit les secondes |
| Get | permet de lire les valeurs des objets Date. Remplacer Set par Get. |
| getTimeZoneOffset() | renvoie le decalage du fuseau horaire local par rapport a l'heure UTC. |
| toGMTString() | convertit en texte la valeur de date en fonction de l'heure Greenwich |
| toLocalString() | convertit en texte la valeur de date en fonction de l'heure locale. |
| window.history.length | représente le nombre de pages différentes visitées par l'utilisateur |
| window.history.current | url que l'utilisateur est en train de visualiser |
| window.history.next | valeur de l'élément suivant de l'historique |
| window.history.previous | valeur de l'élément précédent de l'historique |
| window.location | stocke des infos sur l'url de la page affichée et permet de charger de nouvelles pages |
| window.location.href | charge une url dans la page courante |
| window.location.reload | recharge le document courant |
| window.location.replace | remplace la page courante par une nouvelle |
| window.open() | ouverture d'une fenetre |
| window.close() | fermeture d'une fenetre |
| window.setTimeout() | spécifie un delai et une commande qui s'exécute à la fin du delai |
| window.clearTimeout() | interrompt la pause |
| window.alert() | affiche une boite de dialogue d'avertissement |
| window.confirm() | affiche une boite de dialogue de confirmation avec 2 boutons OK et Annuler. Si l'utilisateur clique OK la méthode renvoie true; s'il clique Annuler, ca renvoie false |
| window.prompt() | affiche une boite de dialogue avec un message auquel l'utilisateur doit répondre |
Creation d'une fenetre:
ex: ObjetFenetre = window.open("url", "nom de la fenetre", "liste des caracteristiques")
| document.write | affiche du texte dans le document html |
| document.writeln | affiche du texte et le fait suivre d'une nouvelle ligne |
| document.open | efface le contenu du document et permet d'en créer un autre. les données créées sont éffacées une fois le flux refermé avec document.close. |
| document.link | contient les infos relatives à une URL. On peut y accéder grace à un tableau links. |
| document.anchor | pareil que link mais pour les ancres |
L'objet document représente une page HTML.
Ses Propriétés:
La boucle FOR:
Elle fait appel à une variable appellée compteur ou index pour enregistrer le nombre de boucles effectuées.
Exemple: for (var = 1; var < 10; var++) {
La boucle for comprend 3 paramètres séparés par des ; :
L'accolade ouvrante signale le début d'un bloc d'instructions.
L'accolade fermante marque la fin du bloc.
Les instructions placées entre ces accolades sont éxécutées à chaque itération de boucle.
"i" est souvent utilisé comme nom de variable pour les compteurs de boucles.
La boucle WHILE:
Elle se répète tant qu'une condition reste vraie.
Exemple:
while (total < 10) {
n++;
total += valeurs[n];
}
Le compteur n ajoute à la variable total le contenu de chacun des éléments du tableau valeurs. Quand le total atteint 10, la boucle s'arrete.
Le même exemple avec FOR:
for (n=0; total < 10; n++){
total += valeurs[n];
}
La boucle DO...WHILE:
La condition est testée en fin de boucle.
Exemple:
do {
n++;
total += valeurs[n];
}
while (total < 10);
Les instructions de la boucle seront toujours exécutées au moins une fois, meme si la condition n'est jamais remplie.
Une boucle sans fin:
Le programme s'exécute jusqu'à ce que l'utilisateur l'arrete.
Exemple:
while (true) {
n++;
if (valeurs[n] == 1) break;
}
Il faut insérer une instruction break pour pouvoir interrompre l'exécution de la boucle et reprendre à l'instruction après la boucle.
FOR...IN:
Elle effectue une opération sur chacune des propriétés d'un objet.
Exemple:
for ( i in navigator) {
document.write("Propriété : " + i);
document.write(" valeur : " + navigator[i]);
}
Un tableau est une série de données qu'il est possible de manipuler comme une seule unité. Ils doivent etre déclarés avant emploi.
Exemple:
noms = new Array(30);
noms[0] = "frank smith";
noms[1] = "julio esteban";
document.write(noms[1].substring(0,5));
Cette instruction comprend une condition et une action.
Pour déclencher une série d'actions, elles doivent etre placées entre accolades.
L'expression conditionnelle comprend 2 valeurs comparées l'une à l'autre. Les 2 valeurs sont séparées par un opérateur conditionnel.
| == | égal à |
| != | différent de |
| < | inférieur à |
| > | supérieur à |
| <= | inférieur ou égal à |
| >= | supérieur ou égal à |
Pour comparer plusieurs variables à la fois, on utilise des opérateurs logiques ou booléens. On regroupe les conditions en une seule instruction.
Exemple:
if (telephone == " " || email == " ")
window.alert("erreur!");
| || | ou |
| && | et |
Else (sinon) vient compléter l'instruction if. Il permet d'indiquer ce qui doit se produire si la condition n'est pas remplie.