Premier script
Vous êtes ici : Accueil / Cours / Cours de Javascript / Débuter en Javascript
Il n’est pas possible d’écrire du Javascript directement dans un fichier et l’exécuter dans le navigateur. Nous allons maintenant voir le contexte minimal pour que du Javascript puisse s’exécuter.
Lors de sa conception, Javascript n’avait pas pour finalité d’être un langage à part entière, mais un langage de scripting, associé aux pages web. Il est donc nécessaire de créer une page html avec quelques balises essentielles.
La balise <script></script>
Il existe une balise à l’intérieur de laquelle il est possible d’exécuter du Javascript : il s’agit de la balise <script></script>
Cette balise possède plusieurs attributs.
type : La même balise sert à plusieurs langages de scripting différents. Il est donc nécessaire de préciser qu’il s’agit de Javascript. Sa valeur est donc type/javascript. Il s’agit d’un type mime.
Cet attribut suffit à signifier au navigateur qu’il faut qu’il exécute le contenu de la balise avec son interpréteur Javascript :
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
// Code javascript
</script>
</body>
</html>
Remarque 1 : Autrefois, un autre attribut était utilisé : language qui valait Javascript. Ne vous étonnez si vous vous trouvez confronté à la syntaxe suivante :
// Code javascript
</script>
Remarque 2 : L’attribut language peut valoir Javascript suivit du numéro de version de Javascript. Ainsi, le code ne sera exécuté que si la version de Javascript que supporte l’interpréteur est supérieure ou égale à la valeur précisée :
// Code javascript compatible version 1.7 ou supérieure
</script>
Remarque 3 : Par défaut, le langage exécuté est du Javascript. Il est donc possible de ne préciser aucun attribut à la balise script. Cependant, l’attribut type est obligatoire pour des raisons de normalisation.
Il existe un autre attribut qui sera souvent utilisé : src. Cet attribut permet de préciser un fichier Javascript externe à exécuter. Dans ce cas-là, le contenu de la balise ne sera exécuté que si le fichier n’est pas trouvé.
Le fichier externe porte l’extension .js. En revanche, il n’est pas possible de mettre de html dedans.
L’avantage d’avoir recours à un fichier externe se situe au niveau du cache : un même script partagé par plusieurs pages ne sera pas rechargé à chaque fois.
Attention ! même si vous mettez tout le code Javascript dans un fichier externe, il n’est pas possible d’utiliser la balise <script></script> en tant que balise orpheline : <script /> : certains navigateurs, notamment Firefox, gèrent mal cette syntaxe et il serait dommage de passer des heures à rechercher une erreur Javascript qui viendrait uniquement de la balise fermante.
Script "Hello World"
Il est de tradition dans tous les langages de commencer par exécuter un programme affichant "Hello World". Respectons les traditions : voici un petit script affichant une boite de dialogue. Rassurez-vous, nous vous expliquerons plus tard la signification du alert()
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert( 'Hello World' );
</script>
</body>
</html>
Pour la suite du cours
Désormais, nous aurons toujours recours à des fichiers externes. Ainsi, ne vous étonnez pas si vous ne retrouvez pas les balises <script></script>.
Un conseil : pour votre apprentissage, créez une fois pour toutes le script suivant et écrivez ensuite tous les scripts dans le fichier test.js
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
</body>
</html>
Les commentaires
Vous ne tarderez pas à posséder des fichiers de plusieurs milliers de lignes de code. Sans commentaires, vous risquez d’être un peu perdu.
Une commentaire est une ligne contenant du texte n’étant pas considéré comme une instruction.
Il existe 2 types de commentaire : les commentaires de lignes et les commentaires multilignes.
Un commentaire de ligne est fait pour commenter ponctuellement une instruction complexe ou contre-intuitive.
Elle commence par un double slash, suivi du commentaire sur une seule ligne.
alert( 'Hello World' );
Les commentaires multilignes permettent de faire des commentaires sur plusieurs lignes sans rajouter un double slash avant chaque début de ligne.
Ils sont surtout utilisés pour commenter des blocs de code regroupés par un lien logique.
Ceci est un commentaire
sur plusieurs lignes
*/