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> |
 |
|
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> |
javascript/hello_world.html |
|
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:
appelé depuis
|
alert('Hello world');
|
|
<!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> |
|
|
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".
