Flux rss
Collection CommentÇaMarche.net
Bookmark Ajouter aux favoris / Partager

Qu'est-ce que le Javascript?

Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'exécuter des commandes du côté client, c'est-à-dire au niveau du navigateur et non du serveur web.

Ainsi le langage Javascript est fortement dépendant du navigateur appelant la page web dans laquelle le script est incorporé, mais en contrepartie il ne nécessite pas de compilateur, contrairement au langage Java, avec lequel il a longtemps été confondu.

Javascript a été mis au point par Netscape en 1995. A l'origine, il se nommait LiveScript et était destiné à fournir un langage de script simple au navigateur Netscape Navigator 2. Il a à l'époque longtemps été critiqué pour son manque de sécurité, son développement peu poussé et l'absence de messages d'erreur explicites rendant dure son utilisation. Le 4 décembre 1995, suite à une association avec le constructeur Sun, Netscape rebaptise son langage Javascript (un clin d'oeil au langage Java développé par Sun). A la même époque, Microsoft mit au point le langage Jscript, un langage de script très similaire. Ainsi, pour éviter des dérives de part et d'autre, un standard a été défini pour normaliser les langages de script, il s'agit de l'ECMA 262, créé par l'organisation du même nom (ECMA, European Computer Manufactures Association).

Les navigateurs et le Javascript :

Version de Javascript Navigateurs
JavaScript 1.0 Netscape Navigator 2.0, Internet Explorer 3.0, Opera, Mozilla
JavaScript 1.1 Netscape Navigator 3.0, Opera, Mozilla
Javascript 1.2 Netscape Navigator 4.0/4.05, Internet Explorer 4.0, Opera, Mozilla
Javascript 1.3 Netscape Navigator 4.06, Internet Explorer 5.0, Opera, Mozilla
Javascript 1.4 Netscape Navigator 6.0, Internet Explorer 6.0, Opera, Mozilla
Javascript 1.5 Netscape Navigator 6.0, Mozilla

Il ne faut pas confondre le JavaScript et le Java. En effet contrairement au langage Java, le code est directement écrit dans la page HTML, c'est un langage peu évolué qui ne permet aucune confidentialité au niveau des codes (ceux-ci sont effectivement visibles).
D'autre part l'applet Java (le programme) a été préalablement compilée, et une machine virtuelle permettant d'interpréter le pseudo-code doit être chargée en mémoire (du côté du client) à chaque chargement de la page, d'où un important ralentissement pour les applets Java contrairement au JavaScript.

Javascript Java
Langage interprétéLangage pseudo-compilé
(chargement d'une machine virtuelle)
Code intégré au HTMLCode (applet) à part du document HTML, appelé à partir de la page
Langage peu typéLangage fortement typé (déclaration du type de variable)
Liaisons dynamiques: les références des objets sont vérifiées au chargement Liaisons statiques: les objets doivent exister au chargement (compilation)
Accessibilité du codeConfidentialité du code
Sûr: ne peut pas écrire sur le disque durSûr: ne peut pas écrire sur le disque dur

Le Javascript est case sensitive (en français sensible à la casse), c'est-à-dire qu'il fait une différence entre un nom de variable contenant ou non des majuscules. Ainsi la fonction bonjour(); n'est pas la même fonction que Bonjour();.
Enfin, comme en langage C, chaque instruction se termine par un point-virgule (;).

A quoi ressemble un script?

Un script est une portion de code qui vient s'insérer dans une page HTML. Le code du script n'est toutefois pas visible dans la fenêtre du navigateur car il est compris entre des balises (ou tags) spécifiques qui signalent au navigateur qu'il s'agit d'un script écrit en langage JavaScript.
Les balises annonçant un code Javascript sont les suivantes :

<SCRIPT language="Javascript">

Placez ici le code de votre script
</SCRIPT>

Masquage du script pour les anciens browsers

Ce code est ainsi invisible du point de vue du navigateur c'est-à-dire que ce dernier n'affiche pas dans sa fenêtre le code Javascript. Toutefois, d'anciens navigateurs, créés avant l'arrivée du Javascript, ne connaissent pas ces balises et donc les ignorent...
Le code de votre Javascript risque donc de s'afficher sur votre belle page web et venir gâcher votre travail. L'astuce consiste donc à ajouter des balises de commentaires à l'intérieur même des balises de script. Ainsi les anciens navigateurs ignoreront tout simplement l'intégralité du script, tandis que les navigateurs récents l'interprèteront (comme il se le doit) comme du Javascript!
Voici ce que donne le script une fois "masqué" pour les anciens navigateurs :

<SCRIPT language="Javascript">

 <!--

Placez ici le code de votre script

// -->

</SCRIPT>

Ajouter des commentaires dans votre code

Comme dans tout langage de programmation, il est bon d'ajouter des commentaires dans un de ses scripts

  • d'une part pour s'y retrouver lorsque, plusieurs mois après, l'on voudra revoir son script
  • d'autre part par esprit d'échange pour permettre à vos visiteurs curieux de comprendre votre script (cela n'est pas toujours désiré...)
Il ne faut pas confondre les balises de commentaires du langage HTML (destinées à masquer le script pour certains browsers) et les caractères de commentaires Javascript (permettant de documenter son script)!

Pour écrire des commentaires, Javascript utilise les conventions utilisées en langage C/C++

  • Pour mettre en commentaires toute une ligne on utilise le double slash :
    // Tous les caractères derrière le // sont ignorés
  • Pour mettre en commentaire une partie du texte (éventuellement sur plusieurs lignes) on utilise le /* et le */ :
    /* Toutes les lignes comprises entre ces repères
    sont ignorées par l'interpréteur
    de code */
Il faut veiller à ne pas imbriquer des commentaires, au risque de provoquer une erreur lors de l'exécution du code!

Un exemple de Javascript

Comme généralement dans les tutoriels de Javascript on va faire afficher une boîte de dialogue suite au chargement d'une page HTML. Dans ce cas le script est totalement inutile voire ennuyeux pour vos visiteurs... Cet exemple montre ce que l'abus de Javascript peut donner... Il faudra apprendre à se servir du Javascript avec modération!
Voici la page HTML correspondante :

<HTML>

<HEAD>

<TITLE> Voici une page contenant du Javascript</TITLE>

</HEAD>

<BODY>



<SCRIPT language="Javascript">

<!--
alert("Voici un message d\'alerte!");

// -->

</SCRIPT>



</BODY>

</HTML>

Cliquez ici pour voir le résultat d'un tel script lors du chargement de la page ci-dessus :



Dernière modification le mardi 14 octobre 2008 à 17:40:36.Ce document intitulé « Javascript - Introduction au langage Javascript » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Javascript : changer un lien (Résolu) Bonjour tout le monde! Je m'adresse à vous car j'ai un problème de programmation Javascript, langage que je connais peu il est vrai. Premièrement, mon code fonctionne bien sous Firefox, mais pas sous IE (utilisé par encore une majorité de personne).... www.commentcamarche.net/forum/affich-3577632-javascript-changer-un-lien
Changement de langue du français à anglais (Résolu) Bonjour à tous! Je suis en train de faire un site internet et toutes mes texbox javascript ou par exemple mon bouton "Parcourir" sont en Français. C'est peut etre une question bète mais comment je change la langue en anglais? Pour que, par exemple,... www.commentcamarche.net/forum/affich-3397629-changement-de-langue-du-francais-a-anglais
Javascript - Concaténation de chaînes de caractères Le terme "concaténer" signifie joindre deux chaînes bout à bout pour n'en former qu'une seule. Dans la plupart des langages tels que PHP, la concaténation se fait avec le caractère ".". En javascript, il suffit d'utiliser le caractère plus (+) ou... www.commentcamarche.net/faq/sujet-16306-javascript-concatenation-de-chaines-de-caracteres
Javascript - trim()La fonction trim() de PHP (et d'autres langages) permet de supprimer les espaces en début et fin de chaîne. Il n'existe pas de telle fonction en Javascript mais le code suivant permet de la remplacer : Function trim (myString) { return... www.commentcamarche.net/faq/sujet-16294-javascript-trim
Ajouter la langue arabe au clavier français sous WindowsPour ajouter le clavier en arabe sous Windows XP il suffit d'aller dans : Démarrer -> Panneau de configuration -> Options régionales et linguistiques Dans l'onglet "Langue" (ou Clavier et langues), cocher la case "Installer les fichiers pour les... www.commentcamarche.net/faq/sujet-6619-ajouter-la-langue-arabe-au-clavier-francais-sous-windows
[Programmation] Comment débuter, quel langage?Comment débuter, quel langage? Introduction Ceux que l'on peut utiliser Delphi/Pascal Java Python .Net Smalltalk Ceux que l'on peut utiliser à la rigueur C/C++ PHP Ada Lisp/Caml/... Ceux que l'on peut ne pas utiliser www.commentcamarche.net/faq/sujet-457-programmation-comment-debuter-quel-langage
Redirection selon la langue du visiteur (Résolu)Bonjous a tous. J'aimerai savoir comment on peut adapter un cookie ou bien une fonction php, de telle facon qu'une page precise du site d'affiche selon la langue du visiteur. En fait, mon site est en trois langues, Anglais, francais et Espagnol.... www.commentcamarche.net/forum/affich-3312576-redirection-selon-la-langue-du-visiteur
Split en javascriptBonjour, dans une page asp, j'ai un formulaire avec un textarea. par la methode post, je recupere ce champs textarea. Je voudrai utiliser la fonction split por afficher chaque mot separe du caractere espace. Voici mon code: ... www.commentcamarche.net/forum/affich-23772-split-en-javascript
Javascript: document.form.elements.lengthbonjour a tous, je début en javascript et sur un programme j ai rencontré ceci : for (i = 0; i < document.form.elements[i].length; i++) mais d apres ce que j ai compris de ce langague si on veut avoir acces a une donnée précise on doit faire un... www.commentcamarche.net/forum/affich-2406764-javascript-document-form-elements-length
Télécharger JavaScript ObfuscatorJasob JavaScript Obfuscator est un logiciel de protection de code Javascript. Il intègre une interface simple. Il vous permet de convertir votre code Javascript en un code incompréhensible pour l’homme mais lisible pour le navigateur. Le logiciel... www.commentcamarche.net/telecharger/telecharger-34056889-javascript-obfuscator
Télécharger LangOverNe vous est-il jamais arrivé de saisir un texte dans une langue donnée et que le résultat soit différent. C'est énervant quand on ne sait pas d'où ça vient et comment le résoudre. Une des causes principales de ce bug est le clavier qui est mal... www.commentcamarche.net/telecharger/telecharger-34056564-langover
Javascript - Les événementsQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est... www.commentcamarche.net/contents/javascript/jsevent.php3
Javascript - Les variablesLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,... www.commentcamarche.net/contents/javascript/jsvar.php3
Javascript - L'objet windowLes particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de... www.commentcamarche.net/contents/javascript/jswindow.php3