Le JavaScript.. Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment.

Présentation au sujet: "Le JavaScript.. Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment."— Transcription de la présentation:

1 Le JavaScript.

2 Histoire Langage créé en 1995 par Brendan Eich pour la Netscape Communications Corporation. Est inspiré de nombreux langages, notamment de Java en simplifiant la syntaxe JavaScript na rien a voir avec le Java

3 Qu'est-ce que le Javascript? Une extension du langage HTML. Est incluse dans le code. apporte des améliorations au langage HTML Une fois l’HTML rendu dynamique grâce au JavaScript on appel cela du DynamicHTML (DHTML)

4 A quoi ressemble un script? Est une portion de code qui vient s'insérer dans une page HTML. Les balises annonçant un code Javascript sont les suivantes: Placez ici le code de votre script

5 Les spécification du langage. 1) La portée des variables. 2) Déclaration des variables. 3) Concaténation. 4) Appel de fonction.

6 Les spécification du langage. 1) La portée des variables. Une variable déclarée au début du script, avant toute fonction, sera globale. Elle peut être utilisée n'importe où dans le script. Une variable déclarée explicitement dans une fonction sera locale (disponible que dans la fonction)

7 Les spécification du langage. 2) Déclaration des variables. Il suffit de précéder la variable du mot clé var Exemple : var MaVariable; var MaVariable2 = 3; MaVariable = 2; alert(MaVariable*MaVariable2); // un message d’alerte affichera "6"

8

9 Les spécification du langage. 3) Concaténation La concaténation ce fait avec le signe + var a = "Salut"; var b = "Toto"; var c = a + " " + b; // c contiendra : "Salut Toto"

10 Les spécification du langage. 4) Appel de fonction JavaScript est un langage orienté objet. Sans vous apprendre les subtilité de la POO voici un exemple d’appel de fonction. var a = "Salut"; alert(a. length()); //la fonction length compte le nombre de char. //un message d’alert affichera 5

11 Les événement. Vous avez aussi la possibilité de placé du JavaScript dans des balises HTML grâce au événement. Voici un exemple : Salut Quand vous allez cliqué sur le "Salut" un message d’alerte vous dira "Bonjour". onclick est un événement JavaScript.

12 Les événement. Voici quelque exemples d’événement : onclick = se produit quand le bouton de la souri est cliqué au-dessus d'un élément. ondblclick = se produit quand le bouton de la souri est double-cliqué au-dessus d'un élément. onmouseover = se produit quand la souri est déplacé sur un élément. onmouseout = se produit quand la souri est déplacé en dehors d'un élément. onkeypress = se produit quand une touche est pressée puis relâchée au-dessus d'un élément. Vous pouvez trouvez une liste complète sur google et cherchant " w3c interact event "

13 Modifier du HTML et du CSS Sélectionner une balise HTML Modifier son style Modifier son html

14 Modifier du HTML et du CSS Sélectionner une balise HTML Nous allons utiliser la methode getElementById On attribut un id a une balise HTML : Dans un script JavaScript nous allon crée une variable (un objet) qui représentera l’input var maBalise = document.getElementById("a")

15 Modifier du HTML et du CSS Modifier son style var maBalise = document.getElementById("a"); maBalise.style.color = "red"; Le texte toto devien rouge. Vous pouvez cherché un atribut css sur le site de W3C il vous donnera la correspondence en javascript.

16

17 Modifier du HTML et du CSS Modifier son html Salut var maBalise = document.getElementById("titre"); maBalise.innerHTML = "coucou"; Le titre "Salut" est devenu "coucou" grace au JavaScript