Utilisation JS

1)
<script> ... </script>

2) // dans un fichier externe :

<script src="..."></script>

3)
<a href="javascript:..."></a>

4)
onEvenement="fonction()"
// les onEvenements :
onLoad chargement de la page
onClick un clic
onDblclick un double clic
onRest clic sur un bouton reset
OnInput saisir une valeur
onChange changer une valeur
onSelect selectionner une partie
onCopy copier une partie
onCut couper une partie
onPaste coller une partie
onUnload en quittant la page

Varibles
var x; // variable undefined
var x1 = 12; // variable number
var x2 = "mot"; // variable string
var x3 = true; // variable boolean
var x4 = [10,5]; // variable object

Operations Arithmetiques
a = a + b; a += b; // addition
a = a - b; a -= b; // soustraction
a = a * b; a *= b; // multiplication
a = a / b; a /= b; /* division */
a = a % b; a %= b; // reste de division
a ++; a --; // incrementation et decrementation

Operations Booleens
&& // ET
|| // OU
! // NON

Operation de Comparaison
== // egalite
!= // inegalite
< // inferieur
> // superieur
<= // inferieur ou egal
>= // superieur ou egal

Autre Operateurs
typeof(/* variable */) // type d'une variable

/* condition */ ? /* operation 1 */ : /* operation 2 */

/* si condition est valide cela declenchera operation 1 sinon
operation 2 qui sera declencher */

Conversion Number et String

parseInt(/* variable */) // conversion de chaine en nombre entier
parseFloat(/* variable */) // conversion de chaine en nombre reel
toString(/* variable */) // conversion de nombre en chaine

Boite de Saisie et de Confirmation

prompt(/* texte a afficher */) // retourne un String
confirm(/* texte a afficher */) // retourne un Boolean

Conditions
if(/* condition */) {
// instructions ...
} else {
// instructions ...
}

switch(/* variable */) {

case /* valeur 1 */ : // instructions ...
break;
case /* valeur 2 */ : // instructions ...
break;
...
default : // instructions ...
}

Boucles
for(/* initialisation */ ; /* condition */ ; /* incrementation */) {
if(/* condition */) continue; // fin de l'etape actuel
if(/* condition */) break; // arret de la boucle
// instructions ...
}

while(/* condition */) {

// instructions ...
}

do {
// instructions ...
} while(/* condition */);

Fonction
function /* nom */(/* arguments */) {
// instructions ...
return /* valeur ou variable */;
}

Tableau
// 1 dimension
var tab = [ .. ];
var tab = new Array( .. );

// 2 dimensions
var tab = new Array(x);
tab[i] = new Array(y);

Propriete et Methode
- Tableau // tableau.methode() :
length // taille du tableau
join(/* separateur */) // regroupe les elements du tableau dans une chaine
reverse() // inverse les elements du tableau
sort() // ordonne les element du tableau par
ordre alphabetique
concat(/* tableau */) // concatene deux tableaux
push(/* elements */) // ajouter les elements vers la fin du tableau
unshift(/* elements */) // ajouter les elements au debut du tableau
shift() // supprime le premier element du tableau
pop() // supprime le dernier element du tableau
slice(/* posDebut */, /* posFin */) // renvoie des elements du tableau situee
entre les positions choisies

- Chaine // chaine.methode() :
length // taille de la chaine
charAt(/* position */) // caractere de la position choisie
split(/* caractere */) // decoupage de la chaine
toLowerCase() // ecriture minuscule
toUpperCase() // ecriture majuscule

Formulaire
type="text" :
name nom du controle
defaultvalue valeur par default
value valeur actuelle
document./* nomF */./* nomC */.value // valeur actuel

type="radio" :
name nom du controle
index rang du bouton
checked bouton selectionne par default
defaultchecked bouton selectionne par default
value valeur de l element
/* nomF */./* nomC */[/* index */].checked // bouton cocher

type="checkbox" :
name nom du controle
index rang du bouton
checked bouton selectionne par default
defaultchecked bouton selectionne par default
value valeur de l element
/* nomF */./* nomC */.checked // bouton cocher

balise <select> :
name nom de liste
length nombre d elements
selectedIndex rang de l element
defaultselected element selectionne par default
/* nomF */./* nomL */.selectedIndex // numero de l'option selecionne

DOM HTML
document.getElementById('id’): retourne un objet a partir de son id
document.getElementByName('name’): retourne un tableau d objet a partir de leur
name

.value: valeur de l'attribut

.textContent: valeur textuelle
.innerHTML: retourne le code HTML du contenu de l'element

document.getElementById(...).propriete=valeur
// les proprietes :
style.color
style.width
style.height
style.borderColor
style.borderStyle
style.backgroundColor
style.fontFamily
style.textAlign

Fonctions Predefinies
alert('...') // affiche un message d'alerte
Date() // affiche le temps
document.write('...') // ecrire sur la page