Scribd Logo
Importer

Bienvenue sur Scribd !

  • 1K vues

    Resumé Javascript

    Transféré par

    Dkhil Ines
    Ce document présente les bases du JavaScript: les commentaires, l'affichage de variables, les fonctions, les structures de contrôle, les opérateurs et la gestion des événements. Il décrit également les trois méthodes pour implémenter un gestionnaire d'événements.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    Resumé Javascript

    Transféré par

    Dkhil Ines
    1K vues6 pages
    Ce document présente les bases du JavaScript: les commentaires, l'affichage de variables, les fonctions, les structures de contrôle, les opérateurs et la gestion des événements. Il décrit également les trois méthodes pour implémenter un gestionnaire d'événements.

    Description originale:

    Resumé Javscript

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Ce document présente les bases du JavaScript: les commentaires, l'affichage de variables, les fonctions, les structures de contrôle, les opérateurs et la gestion des événements. Il décrit également les trois méthodes pour implémenter un gestionnaire d'événements.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    1K vues6 pages

    Resumé Javascript

    Transféré par

    Dkhil Ines
    Ce document présente les bases du JavaScript: les commentaires, l'affichage de variables, les fonctions, les structures de contrôle, les opérateurs et la gestion des événements. Il décrit également les trois méthodes pour implémenter un gestionnaire d'événements.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    Vous êtes sur la page 1sur 6

    DkhilInes STI

    Résumé JavaScript

    Les commentaires :
    Il y a deux manières d'écrire un commentaire.
     Les commentaires sur une seule ligne : ils se placent sur la fin de la ligne, après //
    Exemple : //commentaire

     Les commentaires sur plusieurs lignes :


    ils se placent entre /* et */
    Exemple : /*commentaire*/

    Afficher une variable dans une boîte de dialogue :


    alert('Hello world');

    Afficher une variable dans le document (page) :


    Document.write('Hello world');

    Demander une chaîne de caractère au visiteur


    var age = prompt("Texte d'invite");

    Insérer du JavaScript dans une page HTML :


     Entre les balises <script> et </script> dans l'en-tête ou dans le corps de la page HTML
    Exemple : <script >
    alert('message’);
    </script>

     Placer le code dans un fichier séparé d’extension.js dans ce cas il faut créer un fichier
    .js qui contient le code Javascript qu’on va utiliser.
    Exemple : <script src="lib.js">
    </script>
     Dans une balise HTML associer un événement qui va déclencher le script
    Exemple : <p onclick="alert('Bonjour !');" /p>

    Les variables
    Var a=20 variable locale
    a=20 variable globale

    La concaténation
    Age=18 ;
    alert("Vous avez " + age + " ans") ; //affiche :vous avez 18 ans

    Utilisation de fonction
     La déclaration d’une fonction dans l'en-tête de la page, entre les balises
    <head> et </head>.

    function nomfonction( paramètres)


    { Traitement ;}
     Appel d’une fonction : nomfonction( paramètres)

    TIC 1
    DkhilInes STI

    Structures Conditionnelles

    If (condition)
    { }
    Else
    { }

    switch(selecteur)
    {
    case valeur1: traitement;
    break;
    case valeur2: traitement;
    break;
    …
    default: traitement;
    break;
    }

    Structures itératives

     while(condition)
    { instructions }

     for(initialisation ; condition ; incrémentation)


    { instructions }

     do
    { instructions }
    while(condition);

    Les opérateurs

    En algorithme En JavaScript
    A =A+1 A++
    A =A+X A+=X
    A =A-1 A--
    A =A-X A-=X
    Si (a= b) IF (a== b)
    Si (a≠ b) IF (a != b)
    ET &&
    OU ||
    A MOD B A%B

    TIC 2
    DkhilInes STI

    Gestion des événements en JavaScript


    En JavaScript, un évènement est une action qui se produit :
    Les Evènements
    onblur Se déclenche au moment où l'élément perd le focus.

    onclick Se déclenche lors d’un clic sur l’élément.

    onfocus Se déclenche au moment où l'élément obtient le focus.

    oninput Se déclenche dès que la valeur d'un élément a changé.

    onload Se déclenche lorsque la page est complètement chargée.


    Se déclenche lorsque le pointeur de la souris survole
    onmouseover
    l’élément.
    onsubmit Se déclenche lorsqu'un formulaire est soumis.

    Aujourd’hui, en JavaScript, il existe trois grandes façons d’implémenter un gestionnaire


    d’évènements.

    TIC 3
    DkhilInes STI

    Exemple avec les 3 méthodes : afficher un message dans un élément HTML quand un
    événement est déclenché.

    1er Méthode : Utilisation des attributs HTML de type évènement

    Le contenue de l’élément
    Span qui a un id= "s1"
    change par « entrer votre
    mot de passe »

    Quand on met le curseur


    dans la zone de texte on
    appelle la fonction
    2 ème Méthode : la méthode addEventListener( ) affiche

    Permet d’exécuter le
    JavaScript immédiatement
    lors de chargement de la
    Evénement page.

    Action Permet d’écouter


    (détecter) l’événement
    et déclenche une action
    à travers une fonction.

    TIC 4
    DkhilInes STI

    3 ème méthode : appeler un événement avec l’Id de l’élément

    On utilise l’id de la
    zone de texte pour
    détecter l’événement
    on focus et on appelle
    directement fonction
    affiche

    Les objets en JavaScript

    TIC 5
    DkhilInes STI

    TIC 6

    Vous aimerez peut-être aussi