Comme du CSS les codes Javascript peuvent être mis dans le corps et dans toutes les sections principales d'une page HTML.
Des codes Javascript dans une page seront exécutés immédiatement tandis que la page se charge dans le navigateur. Ce n'est pas toujours ce que nous voulons. Parfois nous voulons exécuter un code quand une page charge, ou à un événement postérieur, comme quand un utilisateur clique sur un bouton. Quand c'est le cas nous mettons le code à l'intérieur d'une fonction, ce que vous verrez dans un chapitre postérieur.
Des codes à exécuter quand on charge la page, ou quand un événement est déclenché, sont placés dans les fonctions.
Mettez vos fonctions dans la section principale, de cette façon pour qu'elles soient toutes dans un même endroit, et qu’elles n'interfèrent pas avec le contenu de la page.
Exemple
<html>
<head>
<script type="text/javascript">
function message()
{
alert("Cette boite de dialogue est appelée avec l'événement onload càd quand la page est chargée");
}
</script>
</head>
<body onload="message()">
</body>
</html>
Si vous ne voulez pas que votre code javascript soit placé à l'intérieur d'une fonction, ou si votre code écrit le contenu de page, il devrait être placé dans la section du corps.
Exemple
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("ce texte est écrit par JavaScript ");
</script>
</body>
</html>
Vous pouvez placer un nombre illimité de codes dans votre document, ainsi vous pouvez avoir des codes dans le corps et dans la section principale.
Exemple
<html>
<head>
<script type="text/javascript">
function message()
{
alert("Cette boite de dialogue est appelée avec l'événement onload càd quand la page est chargée");
}
</script>
</head>
<body onload="message()">
<script type="text/javascript">
document.write("ce texte est écrit par JavaScript ");
</script>
</body>
</html>
Si vous voulez que le même code Javascript soit utilisé par plusieurs pages, sans devoir écrire le même code javascript sur chaque page, vous pouvez écrire un Javascript dans un fichier externe.
Le fichier javascript doit porter l’extension .js
Note : Le code javascript dans un fichier externe ne doit pas contenir les balises de <script></script> !Exemple :
Pour employer le code javascript du fichier externe,on le déclare dans le <head> avec l’attribut « src » dans la balise <script>
<html> <head> <script type="text/javascript" src="fichier.js"></script> </head> <body> </body> </html>
|
|
Le langage JavaScript |
Construction du code javascript |
| Tweet |