Insérer du JavaScript

  • Insertion à n'importe quel endroit d'une page.

  • Certain scripts sont nécessaires avant de charger d'autres scripts. On parle de dépendance.

  • 2 méthodes pour insérer du javascript dans une page :

<!-- directement dans la page -->
<script type="text/javascript">
 //mon code javascript
</script>

<!-- Appel fichier extérieur -->
<script type="text/javascript" src="chemin_du_fichier"></script>

<!-- Le type n'est plus obligatoire -->
<script src="chemin_du_fichier"></script>
  • Il est préconisé de charger uniquement des fichiers extérieur et de les appeler si possible en fin de HTML juste avant de la fermeture de la balise <body>. De cette manière, nous sommes certain que le DOM est chargé et que le chargement du script n'a pas bloqué le chargement du reste.

<!DOCTYPE html>
<html lang="fr">
        <head>
            <meta charset="UTF-8">
            <title>Ma première paga avec du js</title>
        </head>
        <body>
        <h1>Mon site</h1>
        <p>Lorem ipsum dolor sita met</p>
        <script>
        // chargement à la fin de la page
        </script>
    </body>
</html>

Last updated