Scribd Logo
Importer

Bienvenue sur Scribd !

  • JS - 01 - Introduction Javascript

    Transféré par

    Taher Timoumi
    8 vues6 pages
    introduction javascript

    Titre original

    JS - 01 - Introduction javascript

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    introduction javascript

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    8 vues6 pages

    JS - 01 - Introduction Javascript

    Transféré par

    Taher Timoumi
    introduction javascript

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 6

    420-B63 Programmation Web Avancée

    Auteur : Frédéric Thériault

    1
    Qu’est-ce que le JavaScript
     Traitement sur la page Web
    Se produit :
    ○ Chargement de la page
    ○ Lors d’un événement (ex: clic de souris)
    ○ Dans un hyperlien
     Permet de faire des opérations côté client sans
    faire une requête au serveur.
     Sécuritaire
    Isolé dans le fureteur
    « Ne peut accéder aux SE »
     Code source visible

    2
    Comment on l’insère à la page
    Web
     Dans l’entête ou dans le corps du
    document :
    <script type="text/javascript" >
    //<![CDATA[
    énoncés du programme ex:
    alert("Salut");
    //]]>
    </script>

     Dans un fichier externe


    <script type="text/javascript" src="js/my-javascript.js"></script>

    3
    Exemples
     Modification à l’apparence de la page
     Modifier le DOM (l’arbre XHTML)

    4
    Exemples (suite)
     Écrire des balises directement dans le
    document :

    <script type="text/javascript">
    document.write("<h1>Hello World!</h1>");
    </script>

     Notes : Si la page est déjà chargée,


    alors le document.write remplace le contenu
    de celle-ci.

    5
    Exemples (suite)
     Changer le style en cliquant sur un lien
    <html>
    <head>
    <script type="text/javascript">
    function magie() {
    document.getElementById("imgDiv").style.display = "block";
    }
    </script>
    </head>
    <body>
    <a href="javascript:void(0)" onclick="magie()">Cliquez moi !</a>
    <div style="display:none" id="imgDiv">
    <img src="weasels.jpg" alt="Roger" />
    </div>
    </body>
    </html>

    Vous aimerez peut-être aussi