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.

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.

Pour les habitués de Java, vous pouvez simplement ajouter le plugin JavaScript Editor à votre EDI préféré : 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)

<h1>Mon premier script</h1>
<br /><hr />
<script type="text/javascript">
//<![CDATA[
document.write("Votre navigateur est " + navigator.appName + ", ");
document.write("<i>version " + navigator.appVersion + "</i>.");
//]]>
</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.

Table des matières 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.

Table des matières 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).

Version en cache

21/12/2024 14:07:34 Cette version de la page est en cache (à la date du 21/12/2024 14:07:34) afin d'accélérer le traitement. Vous pouvez activer le mode utilisateur dans le menu en haut pour afficher la dernère version de la page.

Document créé le 19/03/2002, dernière modification le 03/11/2018
Source du document imprimé : https://www.gaudry.be/javascript-premier-script.html

L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.