Débuter en JavaScript…

Inhoudsopgave

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 :

  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.

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

Inhoudsopgave 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).

Nederlandse vertaling

U hebt gevraagd om deze site in het Nederlands te bezoeken. Voor nu wordt alleen de interface vertaald, maar nog niet alle inhoud.

Als je me wilt helpen met vertalingen, is je bijdrage welkom. Het enige dat u hoeft te doen, is u op de site registreren en mij een bericht sturen waarin u wordt gevraagd om u toe te voegen aan de groep vertalers, zodat u de gewenste pagina's kunt vertalen. Een link onderaan elke vertaalde pagina geeft aan dat u de vertaler bent en heeft een link naar uw profiel.

Bij voorbaat dank.

Document heeft de 19/03/2002 gemaakt, de laatste keer de 03/11/2018 gewijzigd
Bron van het afgedrukte document:https://www.gaudry.be/nl/javascript-premier-script.html

De infobrol is een persoonlijke site waarvan de inhoud uitsluitend mijn verantwoordelijkheid is. De tekst is beschikbaar onder CreativeCommons-licentie (BY-NC-SA). Meer info op de gebruiksvoorwaarden en de auteur.