La structure d'un programme JavaScript

Où insérer la section javascript ?

Dans la partie en-tête

<html>
<head>...
<script language="javascript"> <!--
... -->
</script>

</head>
<body>...</body>
</html>

Si le script se trouve dans la partie en-tête du document HTML, alors il est chargé avant le contenu du corps de la page.
Il est recommandé de mettre le script entre marqueurs de commentaire, afin qu'il soit igboré par les navigateurs ne prenant pas en compte le javascript.

Dans le corps de fichier HTML

<html>
<head>... </head>
<body>...
<script language="javascript"> <!--
... -->
</script>

... </body>
</html>

Dans un fichier séparé

<script language="javascript" src="fichier_javascript.js"></script>

Le script est placé dans un document d'extension js.


La structure de base d'un programme Javascript :

<script language="javascript"> <!--
var variable1=1, variable2; //Commentaire : définition et affectation des variables globales
function fonction1(paramètre1, paramètre2) { // écriture des fonctions
var varinterne; // définition de variables locales
...;// opérations
} // fin de la fonction
// -->
</script>

Dans le corps du document HTML, l'appel au fonction se fait généralement par un événement.
Exemple : <a href="monfichier.htm" onMouseOver="fonction1(3,4)">

Exemple :

<html>
<head>
<title>Premier script javascript</title>
<script language="javascript"> <!--
var phrase = "Cette phrase est &eacute;crite par l'interm&eacute;diaire\
d'un script javascript"; // Les doubles "slash" permettent d'insérer un commentaire.
function ecrirePhrase() {
document.write(phrase);
document.close(); } /* Commentaire sur plusieurs lignes : Utilisation de la méthode write() de l'objet document. Cette méthode permet d'écrire la chaîne de caractères passée en paramètre */
// -->
</script>

</head>
<body>
<form>
<input type="button" value="Ecrire" onClick="ecrirePhrase()">
<!-- Utilisation de l'événement onClick de l'objet button : lorsque l'utilisateur cliquera sur le bouton, la fonction ecrirePhrase() sera exécutée -->
</form>
</body>
</html>



N.B.: Il est possible d'affecter une chaîne de caractère à une variable sur plusieurs lignes en utilisant à la fin de la ligne le caractère \ (cf. exemple).

[Page precedente]                          [Page precedente]

 
 
Page d'accueil
Plan du site

Rubriques :

Documentations :

     HTML
     DHTML
     JAVAScripts
     WML (WAP)

Liens utiles :

     Hébergement
     Référencement
     Web rémunéré
 
   
© 2000 - Tous droits réservés