Débuter en JavaScript…

Quels outils pour le JavaScript ?

Le plus simple et le plus efficace est le travail dans un éditeur de texte simple (Notepad par exemple), et de sauvegarder le texte comme page html afin de vérifier immédiatement les résultats dans notre navigateur. Ensuite, il sera nécessaire de vérifier la compatibilité de notre script avec d'autres navigateurs, mais laissons cela pour plus tard.

Editeur bloc-notes

Si le bloc-notes fourni par Microsoft ne vous convient pas, vous pouvez utiliser DreamWeaver de Macromedia (repris par Adobe), qui est un excellent outil de développement Web, mais qui est payant.

Editeur Dreamweaver

Pour les habitués de Java, vous pouvez simplement ajouter le plugin JavaScript Editor à votre EDI préféré : Eclipse.

Editeur eclipse

Avant de commencer, il est peut-être nécessaire de se remémorer quelques bases du langage html

Mon premier script

Nous allons insérer les lignes suivantes dans la partie body d'une nouvelle page HTML :


Code JavaScript (Premier script) (8 lignes) :
  1. <h1>Mon premier script</h1>
  2. <br /><hr />
  3. <script type="text/javascript">
  4. //<![CDATA[
  5. document.write("Votre navigateur est " + navigator.appName + ", ");
  6. document.write("<i>version " + navigator.appVersion + "</i>.");
  7. //]]>
  8. </script>

<script>

Nous devons insérer le code entre les balises (tags) <script> et </script> afin d'indiquer au navigateur qu'il s'agit d'un script. Il est utile de préciser quel est le langage utilisé, car d'autres langages de scripts tels que Microsoft VBScript peuvent se présenter. Nous l'indiquons donc par l'ajout de language="JavaScript" dans la balise <script>.

Remarque: Les balises html telles que <script> et </script> ne sont pas dépendantes de la casse (pas de distinctions entre majuscules et minuscules: il est donc possible d'utiliser <SCRIPT> et </SCRIPT>), mais le langage JavaScript en lui même est dépendant de la casse. C'est une source d'erreur fréquente: Mavariable et mavariable sont deux variables différentes...
De plus, autant nous habituer directement à utiliser les balises en minuscules car les futures normes tendent à ne plus utiliser de majuscules dans les balises.

Contents Haut

<!--

Suivant la syntaxe html, nous nous trouvons face à un commentaire, mais l'interpréteur JavaScript traitera directement ce qui suit, car pour lui une ligne de commentaire (comme en C++) débute par un double slash (//).

En insérant le code dans des balises de commentaire html, nous évitons certains problèmes de compatibilité avec les anciens navigateurs et ceux (de plus en plus restreints) qui interprètent mal (ou pas du tout) le code JavaScript.

Contents Haut

document.write("blablabla")

L'objet est suivi de la tàche à accomplir, puis des paramètres entre parenthèses. Nous appelons donc l'objet document, lui demandant d'écrire (write) la chaîne de caractères blablabla entre guillemets.

+
Le signe + est utilisé ici pour concaténer les éléments à afficher.
navigator.appName
Nous demandons à l'objet navigator ses propriétés (séparées de l'objet par un point).

Contents Haut

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 19/03/2002, last modified the 03/11/2018
Source of the printed document:https://www.gaudry.be/en/javascript-premier-script.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.