Où mettre le code du Javascript

.....

Où mettre le code du Javascript

JavaScript cours tutorial

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.

Codes javascript dans le <head>

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

Sélectionner le code

<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>

 

Codes javascript dans le <body>

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

Sélectionner le code

<html>
<head>
</head>

<body>
<script type="text/javascript">
document.write("ce texte est écrit par JavaScript  ");
</script>

</body>

</html>

 

Codes javascript dans le <head> et le <body>

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

Sélectionner le code

<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>

 

Utilisation du Javascript dans un fichier externe

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> !
Pour employer le code javascript du fichier externe,on le déclare dans le <head> avec l’attribut « src » dans la balise <script>
Exemple : Sélectionner le code

<html>
<head>
<script type="text/javascript" src="fichier.js"></script>
</head>
<body>
</body>
</html>

 



Par carabde 30 mars 2014