▼
1. Introduction
▼
Historique
Javascript est un langage de programmation qui réside dans le code
HTML d'une page web. Il y a des milliers de codes Javascript diffusés
gratuitement sur le net, mais les programmer vous-même vous permettra
d'acquérir un savoir pratique qui vous permettra de les comprendre
et d'être fier de vous.
Un peu d'histoire...
Javascript a été développé par Netscape et Sun Microsystems en 1995. Puis Microsoft a intégré, depuis sa 3ième version, Javascript dans Internet Explorer. Même si, dans IE, il est question de JScript, il s'agit bel et bien de Javascript. Netscape a coopéré avec Sun pour mettre au point une version contenant de nombreuses nouveautés, Javascript 1.2, prise en charge depuis la parution de Netscape Communicator 4.0. Au même moment, DHTML est apparu sur le marché des langages Internet et il est lui-même étroitement lié à Javascript. Lié avec du DHTML, Javascript permet de réaliser des applications web.
Une page Internet est écrite en HTML. C'est à l'intérieur de ce code, qu'on appelle Source, qu'est définit l'apparence de la page en indiquant et situant les éléments comme les images, le texte, les tableaux, les frames. Cependant, HTML ne gère des éléments que d'une manière statique. Javascript quand à lui est utilisé pour mettre de l'interactivité dans une page puisqu'il co-existe avec le code HTML. Javascript ne nécessite qu'un navigateur pour s'exécuter.
Différences entre Java et Javascript
|
Java |
JavaScript |
|
|
Les balises <script> indiquent
quel langage de code sera utilisé prochainement dans la page. Le début d'un code Javascript commence
donc avec la balise <script type="text/javascript"> et se termine par
</script>.
Les instructions Javascript entre les balises
de <script> sont exécutées lorsque la page est chargée
dans le navigateur, donc avant que l'usager ne la voit. Les balises <script> peuvent être mises
n'importe où entre les balises <head> ou <body>. Une même
page peut comporter plusieurs paires de balises <script>.
Si les instructions Javascript servent à
faire afficher du texte dans la page, il apparaîtra où les
balises de script sont situées.
Certains compilateurs ne comprennent pas le <script> tag. Il vaut mieux alors ajouter la formule suivante utilisant les <!-- --> qui sont les balises de commentaires de HTML. Ainsi les anciens compilateurs comprendront le code Javascript comme un commentaire et ne tenteront pas de l'exécuter ce qui entraînerait des nombreuses erreurs.
L'entête d'un code Javascript se met habituellement entre le </title> tag et le </head> tag d'un document HTML. [correspond à un .h en c++]
Exemple :
<script type="text/javascript">
<!-- Cacher ceci des anciens navigateurs
........Code JavaScript ...........
// fin de la partie du document cachée -->
</script>
Certains utilisateur décident d'enlever la fonction de leur navigateur
pour leur permet de voir le Javascript. Pour ces derniers, il est possible
de leur afficher un message leur indiquant qu'il est impossible pour eux
de voir les composantes Javascript de votre site web. Pour ce faire, il
faut utiliser la balise <noscript> de html.
Le texte inscrit entre les balises de <noscript> sera affiché
qu'aux utilisateurs qui ne peuvent apercevoir le Javascript. Les utilisateurs de Internet Explorer ne peuvent pas désactiver
le Javascript.
Exemple :
<noscript>
Cette page utilise du Javascript et votre navigateur vous empêche de l'apercevoir.
</noscript>
Debugger
La manière traditionnelle :
Il peut être intéressant d'avoir recours aux commentaires
pour clarifier et débugger son code Javascript. Les commentaires
sont des messages ignorés à la compilation par le navigateur
et donc pas affichés sur la page. ( Ils le sont cependant dans le
code source. ) On ne peut pas imbriquer des commentaires.
Un commentaire qui tient sur une ligne est précédé
de deux slashs (//). Un bloc de commentaire est entouré de /* et
*/.
La méthode moderne :
Depuis Netscape 4.06 (donc Javascript 1.3), une technique simple de localisation des erreurs dans les programmes Javascript s'offre à nous : Il suffit de taper dans la barre d'adresse de Netscape ' Javascript: ' Sans les apostrophes mais avec le deux-points!! Netscape Navigator ouvre alors une console sur laquelle sont répertoriées toutes les erreurs.
IE ne dispose pas de ce système intégré. Par contre,
Microsoft offre des programmes de déboguage. Vous pourrez les trouver
à l'adresse suivante :
http://www.microsoft.com/scripting/debugger
.
Netscape Corp. offre aussi un ensemble d'outils de déboguage Javascript à l'adresse : http://developer.netscape.com/software/jsdebug.html .
Fichiers externes
Appel de fichiers Javascript
externes
On peut utiliser des attributs dans la balise <script> d'une page.
src par exemple, indique l'emplacement (URL) d'un fichier Javascript externe
qu'il faut charger à cet endroit. Le fichier externe ne doit contenir
que le code à exécuter, il n'est pas nécessaire de
le mettre entre balise, etc. L'extension habituelle pour les fichiers Javascript
externes est .js . Le fichier externe peut être situé n'importe
où dans Internet, le navigateur va le retrouver grâce à
son adresse débutant par http:// .
Il est possible aussi de le mettre tout simplement dans le même
répertoire et ainsi s'éviter d'écrire l'adresse Internet.
Exemple d'appel :
<script type="text/javascript" src="fichier_externe.js"></script>
La programmation orientée objet met les données au centre des préoccupations d'un programme. Au lieu de systématiquement donner à des fonctions des données à manipuler, c'est aux données qu'on donne des fonctions membres à exécuter. La fonction membre se distingue d'une fonction "ordinaire" par le fait qu'elle est intégrée à un objet. La donnée et la fonction membre forment ensemble l'objet.
En sachant ceci, il devient plus clair qu'une page
Internet pour Javascript
est un objet d'une classe. La partie où on travaille le plus est
le document; ce qui est visible à l'écran. Les images font
parties du document, et elles y sont stockées en vecteur. C'est
pourquoi on peut accéder aux images en faisant : window.document.images[0]; et ainsi les modifier, etc.