Exemples de code

Insérer du code Java Script dans une page Web

Il existe quatre façons d'insérer un script dans un document HTML.

1- Dans l'en-tête (section head) du document

Le code est généralement placé à la fin de la section.

<head>

    <script type="text/javascript">
        ...
    </script>
</head>

2- Dans le corps (section body) du document

Ici on retrouve le code placé parfois au début, parfois à la fin de la section.

<body>
    <script type="text/javascript">
        ...
    </script>
</body>

3- Dans le gestionnaire d'événement d'une balise

Dans l'exemple suivant on suppose que le code de la fonction est défini dans une autre partie du document ou dans un fichier externe (voir plus loin). Cette façon n'est pas recommandée.

<body>
    <button onclick="maFonction()">Cliquez-moi!</button> 
</body>

4- Par référence à un fichier externe

Dans la section head du document. On peut faire référence à plusieurs fichiers, locaux ou distants.

<head>
    <script type="text/javascript" src="mes_fonctions.js"></script>
    <script type="text/javascript" src="http://prog101.com/js/autres_fonctions.js"></script>
</head>