Introduction à javascript


Début du script


Code JAVASCRIPT :
<script type="text/javascript">
 
   /* votre code javascript se trouve ici
   c'est deja plus pratique pour un script de plusieurs lignes */
 
</script>


Importer un fichier externe


Code JAVASCRIPT :
<script type="text/javascript" src="script.js"></script>


Quelques fonctions


Code JAVASCRIPT :
 
 
/*--------------------------------------------
Demander, créer  et afficher une variable
---------------------------------------------*/
var age=18;//Création d'une variable age
alert(age)//affichage de la variable age
alert("Vous avez " + age + " ans"); // Concaténation :on affiche les chaines mises bout-à-bout
var age = prompt("Quel âge avez-vous ? (en années)"); // on demande l'age
 
 
/*--------------------------------------------
Créer une fonction
---------------------------------------------*/
function conversion(taux)   // declaration de la fonction avec un argument
{
   var valeur = prompt("Entrez la valeur à convertir");
   var resultat = valeur * taux;   // on calcule le resultat, en utilisant l'argument
   alert('Valeur  : '+valeur + '\nRésultat : '+resultat);
   return resultat; //on retourne la valeur
}
 
/*--------------------------------------------
Tableaux
---------------------------------------------*/
var table = new Array("Pierre", "Paul", "Jacques");// tableau indexé
alert(table[1]);
 
var scores = new Array();//tableau associatif
scores["Toto"] = 142;
scores["Pierre"] = 137;
alert(table["Toto"]);
table.length;//longueur du tableau
// une fonction qui retourne, sous forme de chaîne de caractères, le contenu du tableau 
function lire1(tab)
{
        var chaine = "Le tableau contient :"
        for(var i=0; i<tab.length; i++)
                chaine += "\n" + i + " -> " + tab[i];
        return chaine;
}
 
/*--------------------------------------------
Les objets html
---------------------------------------------*/
//Atteindre les objets
document.getElementById("id");
getElementsByTagName("textarea")//ex:retourne un tableau contenant tous les éléments <textarea> de la page
document.getElementsByTagName('textarea')[1];//Si on veut accéder au second <textarea> de la page 
 
 


Les évènements


* onClick et onDblClick : lors d'un clic / double clic sur l'élément en question
* onKeyPress : lorsqu'on appuie sur une touche avec cet élément sélectionné
* onKeyDown et onKeyUp : lorsqu'une touche est enfoncée / relâchée avec cet élément sélectionné
* onmouseover et onmouseout : lorsque le pointeur de la souris arrive sur l'élément / sort de cet élément
* onmousemove : lors d'un déplacement de la souris au-dessus de cet élément
* onMouseDown et onMouseUp : lorsque le bouton de la souris est enfoncé / relâché sur cet élément


Code JAVASCRIPT :
 
/*--------------------------------------------
Accéder aux éléments d'un formulaire
---------------------------------------------*/
var monForm = document.getElementById("monFormulaire");
var champPseudo = monForm.pseudo;
 
/*--------------------------------------------
le mot-clé "this"
---------------------------------------------*/
 
<img src="photo.jpg" alt="" onclick="this.src='image.jpg'" />
 
 
 

Enjoyed this article? I’d be very grateful if you’d help it spread by emailing it to a friend, or sharing it on Twitter, Facebook or Linked In.

Show me some love with the like buttons below... Thank you and please don't forget to share and comment below!!
Avez vous aimé cet article? Je vous serais très reconnaissant si vous aidiez à sa diffusion en l'envoyant par courriel à un ami ou en le partageant sur Twitter, Facebook ou Linked In.

Montrez-moi un peu d'amour avec les like ci-dessous ... Merci et n'oubliez pas, s'il vous plaît, de partager et de commenter ci-dessous!





Cette page a été vue 2819 fois