Forum
Posez vos questions, ici

2.Intégrer et exécuter du code Javascript

2.1.Exécuter

Exécuter du code Javascript, pour du HTML, est particulièrement aisé puisqu'il suffit d'ouvrir le fichier HTML faisant appel au code Javascript avec n'importe quel (ou presque) navigateur (via l'option "ouvrir fichier").

2.2.Associer à du code HTML

2.2.1.Intégrer dans le code

L'intégration dans du code HTML se fait via la balise <script> où l'attribut (théoriquement obligatoire) type doit être fixé à la valeur "text/javascript".
<script type="text/javascript">
alert('Hello world');
</script>
  • L'attribut language peut également être renseigné avec la valeur "javascript".
Le bloc script peut être intégré dans le code HTML, idéalement dans le bloc head (notamment pour la déclaration des fonctions) ou pour ainsi dire n'importe où dans le bloc body.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Javascript: Hello world</title>
</head>
<body>
  <script type="text/javascript">
    alert('Hello world');
  </script>
</body>
</html>
  • Pour éviter les problèmes avec les navigateurs incapables d'interpréter le code Javascript, le contenu du bloc script peut être mis en commentaire (sans que cela nuise au fonctionnement pour les autres navigateurs).
    <script type="text/javascript">
    <!--
    alert('Hello world');
    //-->
    </script>
    Mais, il n'y a probablement plus lieu de s'inquiéter de ce genre de chose car aujourd'hui rares sont les navigateurs incapables de gérer les blocs "script". Et pour ne pas nuire à la lisibilité les exemples suivant n'intégrerons pas ce type de "protection".

2.2.2.Lier un fichier Javascript

Le code javascript peut également être dans un fichier distinct du fichier HTML. L'extension généralement adoptée pour ce type de fichier est .js. Le fichier Javascript est alors inclus (ou référencé) dans le fichier HTML via le code
<script type="text/javascript" src="fichier.js"></script>
L'exemple précédent devient alors:
alert('Hello world');
appelé depuis
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Javascript: Hello world</title>
</head>
<body>
  <script type="text/javascript" src="hello_world.js"></script>
</body>
</html>
  • Cette fois, dans le fichier .js, il n'y a pas à mettre de balise "script".

2.2.3.Premier script Javascript

Le script précédent est très simple puisqu'il ne fait appel qu'à la fonction alert() chargée d'ouvrir une pop-up avec un message. Donc, dans les 2 cas, à l'ouverture du fichier HTML (via votre navigateur) vous devez voir s'afficher le message "Hello world".