Javascript N7 Cours
Michel Cabaré Cabaré Décembre 2000
T A B L E D E S MA T I E R E S QU’EST-CE J AVA VAS SCRIPT......................................... ............................................................. ........................................ ....................................... ...................6 6 Présentatio Présen tation......................... n............................................. ........................................ ........................................ ........................................ .......................... ...... 6 Objectifs Obje ctifs ...................................... .......................................................... ........................................ ........................................ ....................................... ................... 7 Les plus et …les moins : ....................................... ........................................................... ......................................... ................................. ............ 7
APPEL PPELD’UN SCRIPT RIPTJ AVA VAS SCRIPT......................... IPT............................................. ........................................ ....................................... ...................8 8 Les différents différ ents appels appel s ........................................ ............................................................ ........................................ .................................... ................ 8 Dans le navigateur navig ateur :.................. : ...................................... ........................................ ........................................ ....................................... ................... 8 Tag spécifique ...................................... .......................................................... ........................................ ........................................ ............................. ......... 9 Tag pré existant ....................................... ........................................................... ........................................ ........................................ .......................... ...... 10 Tag ...................................... .......................................................... ........................................ ........................................ .......................... ...... 12
UN PEU PEU DE SYNTA YNTAXE.................... XE........................................ ........................................ ........................................ ........................................ .......................... ......14 14 Min Mi n - maj :.................................................... :........................................................................ ........................................ ......................................... ......................... 14 Commentaires :........................................................ :............................................................................ ........................................ ............................. ......... 14 Expression Expres sion : ........................................ ............................................................ ........................................ ......................................... ................................. ............ 14 Bloc : ........................................ ............................................................ ........................................ ........................................ ......................................... ......................... 14
LESVA VAR RIABL IABLES..................................... ES......................................................... ........................................ ........................................ ....................................... ...................15 15 Déclaration Déclar ation :.................... : ......................................... ......................................... ........................................ ........................................ ............................. ......... 15 Mots Mo ts rése ré serv rvés és :......................................................... :............................................................................. ........................................ ............................. ......... 15 Variable Varia ble locale-glob loca le-globale ale : ....................................... ........................................................... ........................................ ............................. ......... 16
LESTYPESDE VARIABL RIABLES........................ ES................................ ................. ................. ................. .................. ................. ................. ................. ............... .......17 17 Principe Princ ipe :...................................... :.......................................................... ........................................ ........................................ ....................................... ................... 17 Chaîne Chaî ne de caractère caractèr e - string :.................................. :...................................................... ........................................ .......................... ...... 17 Les nombres nombr es - number :....................................... :........................................................... ......................................... ................................. ............ 19 Les booléens bool éens - boolean :........................................................ :............................................................................. ................................. ............ 20
PROCEDUR EDURESETFONC FONCT TIONS IONS.................. ...................................... ........................................ ......................................... ................................. ............22 22 Définir et appeler des fonctions / procédures : .......... ............... .......... .......... .......... .......... .......... .......... ......... .... 22 Déclaratio Décla ration n de procédure procé dure : ........................................ ............................................................ ......................................... ......................... 22 Déclaration Déclar ation de fonction foncti on :....................................... :........................................................... ........................................ ............................. ......... 23 Appel de procédu p rocédure re :......................................... :............................................................. ......................................... ................................. ............ 23 Appel de fonction : ....................................... ........................................................... ........................................ ....................................... ................... 23 Gestion des arguments a rguments :...................................................... :.......................................................................... .................................... ................ 24
LESOPER PERATEUR EURS.............................. S.................................................. ........................................ ........................................ ......................................... ....................... ..25 25 Arithmétiques Arithmétiq ues :...................................... :.......................................................... ........................................ ........................................ ............................. ......... 25 Concaténation Concatén ation : ........................................ ............................................................ ........................................ ......................................... ......................... 25 Comparaison : ...................................... .......................................................... ........................................ ........................................ ............................. ......... 26 Affectatio Affec tation n :....................................................... :........................................................................... ........................................ .................................... ................ 27 JavaScript
Cabaré Cabaré MichelCours v.2
Page 2
T A B L E D E S MA T I E R E S QU’EST-CE J AVA VAS SCRIPT......................................... ............................................................. ........................................ ....................................... ...................6 6 Présentatio Présen tation......................... n............................................. ........................................ ........................................ ........................................ .......................... ...... 6 Objectifs Obje ctifs ...................................... .......................................................... ........................................ ........................................ ....................................... ................... 7 Les plus et …les moins : ....................................... ........................................................... ......................................... ................................. ............ 7
APPEL PPELD’UN SCRIPT RIPTJ AVA VAS SCRIPT......................... IPT............................................. ........................................ ....................................... ...................8 8 Les différents différ ents appels appel s ........................................ ............................................................ ........................................ .................................... ................ 8 Dans le navigateur navig ateur :.................. : ...................................... ........................................ ........................................ ....................................... ................... 8 Tag spécifique ...................................... .......................................................... ........................................ ........................................ ............................. ......... 9 Tag pré existant ....................................... ........................................................... ........................................ ........................................ .......................... ...... 10 Tag ...................................... .......................................................... ........................................ ........................................ .......................... ...... 12
UN PEU PEU DE SYNTA YNTAXE.................... XE........................................ ........................................ ........................................ ........................................ .......................... ......14 14 Min Mi n - maj :.................................................... :........................................................................ ........................................ ......................................... ......................... 14 Commentaires :........................................................ :............................................................................ ........................................ ............................. ......... 14 Expression Expres sion : ........................................ ............................................................ ........................................ ......................................... ................................. ............ 14 Bloc : ........................................ ............................................................ ........................................ ........................................ ......................................... ......................... 14
LESVA VAR RIABL IABLES..................................... ES......................................................... ........................................ ........................................ ....................................... ...................15 15 Déclaration Déclar ation :.................... : ......................................... ......................................... ........................................ ........................................ ............................. ......... 15 Mots Mo ts rése ré serv rvés és :......................................................... :............................................................................. ........................................ ............................. ......... 15 Variable Varia ble locale-glob loca le-globale ale : ....................................... ........................................................... ........................................ ............................. ......... 16
LESTYPESDE VARIABL RIABLES........................ ES................................ ................. ................. ................. .................. ................. ................. ................. ............... .......17 17 Principe Princ ipe :...................................... :.......................................................... ........................................ ........................................ ....................................... ................... 17 Chaîne Chaî ne de caractère caractèr e - string :.................................. :...................................................... ........................................ .......................... ...... 17 Les nombres nombr es - number :....................................... :........................................................... ......................................... ................................. ............ 19 Les booléens bool éens - boolean :........................................................ :............................................................................. ................................. ............ 20
PROCEDUR EDURESETFONC FONCT TIONS IONS.................. ...................................... ........................................ ......................................... ................................. ............22 22 Définir et appeler des fonctions / procédures : .......... ............... .......... .......... .......... .......... .......... .......... ......... .... 22 Déclaratio Décla ration n de procédure procé dure : ........................................ ............................................................ ......................................... ......................... 22 Déclaration Déclar ation de fonction foncti on :....................................... :........................................................... ........................................ ............................. ......... 23 Appel de procédu p rocédure re :......................................... :............................................................. ......................................... ................................. ............ 23 Appel de fonction : ....................................... ........................................................... ........................................ ....................................... ................... 23 Gestion des arguments a rguments :...................................................... :.......................................................................... .................................... ................ 24
LESOPER PERATEUR EURS.............................. S.................................................. ........................................ ........................................ ......................................... ....................... ..25 25 Arithmétiques Arithmétiq ues :...................................... :.......................................................... ........................................ ........................................ ............................. ......... 25 Concaténation Concatén ation : ........................................ ............................................................ ........................................ ......................................... ......................... 25 Comparaison : ...................................... .......................................................... ........................................ ........................................ ............................. ......... 26 Affectatio Affec tation n :....................................................... :........................................................................... ........................................ .................................... ................ 27 JavaScript
Cabaré Cabaré MichelCours v.2
Page 2
Binaires Bina ires :.......................................... :.............................................................. ........................................ ........................................ .................................... ................ 27 Logiques Logiqu es : ....................................... ........................................................... ........................................ ........................................ .................................... ................ 29 Conditionnels Conditio nnels :......................................... :............................................................. ........................................ ........................................ .......................... ...... 29
JavaScript
Cabaré Cabaré MichelCours v.2
Page 3
STRUCT UCTURESDE CHOIX HOIX ...................................... .......................................................... ........................................ ......................................... ....................... ..31 31 if else el se : ...................................... .......................................................... ........................................ ........................................ ......................................... ......................... 31
STRU RUC CTURESDE REPE REPET TITION ION................. .......................... ................. ................. .................. ................. ................. ................. ................. ................. ........33 33 While Whil e : ...................................... .......................................................... ........................................ ........................................ ......................................... ......................... 33 do while whi le :..................................... :......................................................... ........................................ ........................................ ....................................... ................... 34 for : ........................................ ............................................................ ........................................ ........................................ ........................................ .......................... ...... 35 switch swi tch :..................................... :......................................................... ........................................ ........................................ ......................................... ......................... 37
LESFENETRESDE DIAL DIALOGUE................... UE............................ ................. ................. ................. ................. .................. ................. ................. .............. .....38 38 Interfa Int erface ce avec ave c l'util l'u tilisa isateur teur :............................................. :................................................................. ....................................... ................... 38 alert().................................................. alert()...................................................................... ........................................ ......................................... ................................. ............ 39 confirm() ...................................... .......................................................... ........................................ ........................................ ....................................... ................... 39 prompt()............................ prompt()................................................. ......................................... ........................................ ........................................ ............................. ......... 40
LESTABLEAUX................. EAUX ...................................... ......................................... ........................................ ........................................ ....................................... ...................42 42 Nature des tableaux : ...................................... .......................................................... ........................................ .................................... ................ 42 Propriét Prop riétés és - méthodes des tableaux :.................. : ...................................... ........................................ ............................. ......... 46
NOT NOTIONS IONS D'EVENEMENTS D'EVENEMENTS...................................... .......................................................... ........................................ ....................................... ...................47 47 Qu'est-ce Qu'est -ce un évènement: évène ment:.................. ...................................... ........................................ ........................................ ............................. ......... 47 Gestionnai Gesti onnaire re d'évènement: d'évèn ement: ........................................ ............................................................ ......................................... ......................... 48 évènement évènem ent par défaut et spécifique spéci fiques: s: ...................................... .......................................................... .......................... ...... 49 Quelques Quel ques évènement évèn ementss javascri java script: pt:................... ....................................... ........................................ ................................. ............. 50
NOT NOTIONS IONS DE P.O.O P.O.O........................................ .......................................................... ........................................ ........................................ ............................. .........56 56 Objets – Méthodes - Propriétés: .......... ............... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... ....... 56 Un exemple de modèle objet :................... : ....................................... ........................................ ....................................... ................... 57 Modèle objet window Netscape Netscap e : .......... ............... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... .......... ....... 59 Modèle Modè le objet obj et window win dow Explor Exp lorer er : ....................................... ........................................................... .................................... ................ 60
PRINC INCIPAUX IPAUX OBJET BJ ETS J AVA VAS SCRIPT....................................... ........................................................... ......................................... ....................... ..61 61 Objets Obj ets et version vers ionss : ........................................ ............................................................ ........................................ ....................................... ................... 61 Date ...................................... .......................................................... ........................................ ........................................ ........................................ .......................... ...... 62 Math........................ Mat h............................................. ......................................... ........................................ ........................................ ....................................... ................... 64 string strin g ...................................... .......................................................... ........................................ ........................................ ........................................ .......................... ...... 66 naviga nav igator tor ....................................... ........................................................... ........................................ ........................................ .................................... ................ 67 Window Win dow ....................................... ........................................................... ........................................ ........................................ ....................................... ................... 69 screen scre en (àpart (àpartirir de la version 1.2) ....................................... ........................................................... .................................... ................ 74
LESPRINCIPA INC IPAUX UX OBJ OBJET ETSDANS DANS WINDOW................................. INDOW..................................................... .................................... ................75 75 Windows Win dows contene con teneur ur de : ....................................... ........................................................... ........................................ ............................. ......... 75 document ...................................... .......................................................... ........................................ ........................................ .................................... ................ 76 Exemple document.bgColor :................. : ..................................... ........................................ ......................................... ......................... 77 Exemple document.cookie document.c ookie : ....................................... ........................................................... ......................................... ......................... 78 frame............................................... frame................................................................... ........................................ ........................................ .................................... ................ 84 Exemple frame[x].name :.................................... :........................................................ ......................................... ................................. ............ 85 Exemple top.frames.lenght :.................... : ........................................ ........................................ ......................................... ......................... 86 histor his tory.......................... y.............................................. ........................................ ........................................ ........................................ .................................... ................ 87 Exemple Exemp le history.back history. back / forward forwa rd :.......................... :.............................................. ........................................ ............................. ......... 88 location locat ion ....................................... ........................................................... ........................................ ........................................ ....................................... ................... 89 JavaScript
Cabaré Cabaré MichelCours v.2
Page 4
Exemple location.repla locati on.replace ce :............................. :................................................. ........................................ .................................... ................ 90
OUVR UVRIR IR UNE NOUVEL NOUVELLE FENETRE...................................... .......................................................... ........................................ .......................... ......91 91 La méthode open.......................................... open.............................................................. ........................................ ....................................... ................... 91 Fermer Ferme r une fenêtre fenêt re ....................................... ........................................................... ........................................ ....................................... ................... 94 Écrire Écri re dans une fenêtre ...................................... .......................................................... ......................................... ................................. ............ 94
EVENEMENTSTEMPORIS EMPORISES........................ ES................................ ................. ................. ................. ................. ................. ................. ................. ............. ....95 95 méthode setTimeout() ...................................... .......................................................... ........................................ .................................... ................ 95 Exemple : ........................................ ............................................................ ........................................ ........................................ .................................... ................ 95
LESOBJET BJETSDANS DANS DO DOCUMENT UMENT................... ....................................... ........................................ ........................................ ............................. .........97 97 document conteneur conten eur de : ........................................ ............................................................ ........................................ .......................... ...... 97 anchor anch or ......................................... ............................................................. ........................................ ........................................ ....................................... ................... 98 array arra y ...................................... .......................................................... ........................................ ........................................ ........................................ .......................... ...... 98 link.................. link ....................................... ......................................... ........................................ ........................................ ........................................ ............................. ......... 98 form fo rm................... ....................................... ........................................ ........................................ ........................................ ........................................ .......................... ...... 99 area (àpart (àpartirir de version versi on 1.1) ........................................ ............................................................ ......................................... ......................... 100 image (àparti (àpartirr de version versi on 1.1) ..................................... ......................................................... ......................................... ......................... 101 Exemple image.src : ...................................... .......................................................... ........................................ ....................................... ................... 101 layers (àpart (àpartirir de version versi on 1.2) ...................................... .......................................................... ......................................... ......................... 106
LESOBJET BJETS DANS DANS FO FORM........................................ ............................................................ ........................................ ....................................... ...................107 107 form conteneur cont eneur de :.................. : ...................................... ........................................ ........................................ ....................................... ................... 107 button ...................................... .......................................................... ........................................ ........................................ ......................................... ......................... 108 checkbox chec kbox ....................................... ........................................................... ........................................ ........................................ .................................... ................ 108 FileUpload FileU pload (a partir parti r de version versio n 1.2) ...................................... .......................................................... ................................. ............. 109 hidden.......................................... hidden.............................................................. ........................................ ........................................ ....................................... ................... 109 pass pa sswor word...... d.......................... ......................................... ......................................... ........................................ ........................................ ............................. ......... 109 radio ...................................... .......................................................... ........................................ ........................................ ........................................ .......................... ...... 110 reset res et ...................................... .......................................................... ........................................ ........................................ ........................................ .......................... ...... 110 select sele ct ....................................... ........................................................... ........................................ ........................................ ......................................... ......................... 111 submit..................................................... submit................................. ........................................ ........................................ ........................................ ............................. ......... 111 text................................................ text.................................................................... ........................................ ........................................ ....................................... ................... 112 textarea textar ea.................. ....................................... ......................................... ........................................ ........................................ ....................................... ................... 112
TRAVA VAILL ILLER AVEC AVEC UN FOR FORMULAIRE.................... IRE........................................ ........................................ ....................................... ...................113 113 Interêt Int erêtss :.................................................... :........................................................................ ........................................ ........................................ .......................... ...... 113 Accéder Acc éder àdes champs de formulaire formulair e : ...................................... .......................................................... .......................... ...... 114 Calculs avec des chaînes chaîne s : ...................................... .......................................................... ........................................ .......................... ...... 115
ANNEXE : VERS VERSIONS.................... IONS........................................ ........................................ ........................................ ........................................ .......................... ......116 116 JS J SCRI CRIPT-J AV AVAS ASCRI CRIPT-ECM -ECMAS ASCRI CRIPT..............................................................................11 .116 Correspondances Correspondan ces avec ECMASCRIPT : .......... ............... .......... .......... .......... .......... .......... .......... .......... .......... .......... ........ ... 116 Versions Vers ions Jscript Jscri pt :................................................ :.................................................................... ........................................ .................................... ................ 116 Versions Vers ions Javasc Jav ascript ript : ........................................ ............................................................ ........................................ .................................... ................ 118
ANNEXE : RESSOURCESINT INTERNET........................... NET............................................... ........................................ .................................... ................119 119 Normes et spécifications spécifica tions :.................. : ...................................... ........................................ ........................................ ............................. ......... 119 Sites et Forum: ....................................... ........................................................... ........................................ ........................................ ............................. ......... 119 JavaScript
Cabaré Cabaré MichelCours v.2
Page 5
Q U ’ E S T -C -C E J A V A S C R I P T
P r ésen sent at i on javascri cript pt est devenu aujourd'hui indispensable pour qui veut créer un L'emploi de javas site Web convivial et performant. Auparavant, la majorité des traitements effectués dans les documents HTML étaient réalisés par l'action du serveur et le poste client était très passif, puisque celui-ci se bornait quasiment à afficher afficher les résultats résultats des requêtes requêtes que que lui soume soumettait ttait le l e dit serveur ! En effet, un programme ou un script CGI (Common Gateway Interface) était exécuté par le serveur qui transmettait le résultat au poste client, celui-ci interprétait l'envoi HTML et l'affichait par le navigateur. Cette situation surchargeait énormément les serveurs et le réseau... Aujourd'hui, grâce au Javascript (introduit par Netscape 2.0), et encore plus récemment avec le Dynamic HTML (introduit par Microsoft), cette situation a complètemen complè tementt changé chan gé et le navigateur est maintenant capable "d'intelligence" "d'intelli gence" puisqu'il est àmême de traiter des scripts embarqués coté «client », de manière indépendante au serveur (réseau non utilisé), par un traitement local. Il est vrai que le langage JAVA et aussi capable et même plus que le Javascript, mais celui-ci est réservé à des spécialistes. spécialistes. Il permet permet beaucoup beaucoup plus mais est beaucoup plus lourd, car il nécessite une bonne connaissance de la programmation (Objet), un compilateur (il est compilé àl'inverse du Javascript), un débogueur etc. Le couple HTML-Javascript est très souple, accessible àla plupart des Webmasters et sa popularité ne cesse de grandir car il permet un réelle autonomie au poste client, même s’il ne peut accéder au fichiers du poste client sur lequel il s’exécute !
Il ne s’agit pas ici vous donner une approche complète du langage Javascript (un livre entier serait nécessaire) mais de vous aider àen découvrir les notions de bases, pour ensuite les appliquer de manière très pratique
JavaScript
Cabaré Cabaré MichelCours v.2
Page 6
Objectifs J avascript est un langage de script bien adapté àla création de petits programmes simples, comme des convertisseurs d'unité, des calculettes simples, du contrôle de formulaire, de l'animation de page… J avascript n'est pas adapté pour mettre en place un affichage ou de la manipulation de donnée, mais permet d'interagir avec l'utilisateur de manière beaucoup plus souple que les langages plus complet tels que JAVA
Déclenc hem ent par évènement s De par comment il est intégré aux navigateurs et au code HTML, Javascript peut programmer des réponses àdes évènements utilisateurs tels qu'un clic souris ou la saisie de donnée dans un champs de formulaire, faire apparaître de l'aide dans la barre d'état lorsque le pointeur de la souris passe sur une partie de la page,
O rient é Ob jet Javascript intègre une forme limité de modèle orienté objet (voir plus loin) chapitre
L es plus e t …les m o ins : Plus : interprété, la phase test-essais ne nécessite pas de compilation et est dons très rapide Plus : indépendant de la plateforme utilisée Plus : taille réduite et vitesse d'exécution élevée Moins : code source non dissimulable Moins : faible possibilités de débogage et fonctionnalités relativement limitées Moins : nécessite une version relativement récente des navigateur Moins : interprété, les nuances d'interprétation d'un navigateur àl'autre, voire d'un version àune autre peuvent être considérables
JavaScript
Cabaré MichelCours v.2
Page 7
A P P E L D’ U N S C R IP T J A V A S C R IP T
L es di fférent s appels Pour qu'un document HTML puisse exécuter des traitements par le biais de scripts Javascript, il faut en premier lieu que celui-ci comprenne les scripts écrits dans ce langage. En effet, le Javascript est un langage de scripts et le navigateur interprète ceux-ci lors du chargement de la page HTML : Nous allons le voir, plusieurs manières peuvent être employées pour l'insertion d'un script Javascript dans un document HTML : •
Dans le Navigateur : le script ou l'appel du script se directement dans l'URL du navigateur
faisant
•
Par un Tag spécifique :
incorporant le script lui-même ou faisant appel au source du script
•
Par modification d’un Tag :
utilisant du javascript standard prédéfini ou appelant une fonction définie auparavant manuellement en javascript
Dan s le navigateur : La première manière, pour exécuter un script peut être de taper directement l'appel dans la zone de saisie de l'URL dans le navigateur utilisé, (voire de taper directement l'instruction javascript) : il suffit de le faire précéder du mot réservé javascript:
Appel dans Nestcape
JavaScript
Cabaré MichelCours v.2
Page 8
Appel dans Explorer
On voit tout de suite que le comportement du navigateur face àune instruction Javascript peut varier (ici au niveau de la barre de titre de la fenêtre qui s'affiche)
DONC DE MANIERE CONSTANTE, UN SCRIPT DEVRA ETRE TESTE SOUS LES PRINCIPAUX TYPE DE NAVIGATEUR QUE LE CONCEPTEUR ESTIME DEVOIR "ACCEPTER"
Tag s péc ifi q u e plus classiquement, on insère un script àl'aide d'une balise spécifique <SCRIPT> qui doit être insérée dans le document HTML même. TAG
<SCRIPT>
LANGUAGE="J avaScript" Paramètre
Précise quel est le langage du script (JavaScript, VBScript...) avec sa version éventuelle 1.2 par exemple
SRC Paramètre
précise l'URL du script qui doit être inséré. Cet attribut n'est employé que dans le cas où le contenu du script n'est pas inséré dans le document HTML lui-même mais dans un fichier d'extension ".js".
Par exemple : SCRIPT LANGUAGE="JavaScript"> ...contenu du script...
Ceci peut être complété, pour raison de compatibilité avec les navigateurs de version inférieure, par l'adjonction des balises de commentaires HTML, qui permettront ainsi aux navigateurs plus anciens d'ignorer le contenu du script.
JavaScript
Cabaré MichelCours v.2
Page 9
Cet ajout n'est pas obligatoire pour l'exécution du script cependant, il est recommandé de l'employer, lui-même agrémenté éventuellement par les mots (Début du script et Fin de script) si vous voulez rendre la lecture du code très lisible.
S cript dans une page HTM L: <script LANGUAGE="JavaScript">
Voir
le
exemple de script minimaliste, mais existant !
Selon que vous voulez utiliser une version ou une autre du JavaScript, vous devrez mettre des balises différentes. Version
Compatibilité
Balise
JavaScript I.Explorer 3.0 - Netscape 2.0 1.0
<SCRIPT LANGUAGE="JavaScript1.0">
JavaScript Netscape 3.0x , 4.0 et 4.x 1.1
<SCRIPT LANGUAGE="JavaScript1.1">
JavaScript I.Explorer 4.x 1.2 Netscape 4.0x à4.05
<SCRIPT LANGUAGE="JavaScript1.2">
JavaScript I.Explorer 5.x 1.3 Netscape 4.06 à4.74
<SCRIPT LANGUAGE="JavaScript1.3">
Scr ipt dans un fichier . j s: par exemple <script Language="JavaScript1.2" SRC="coursjs02.js">
Voir
le
fichier COURSJS02.HTM et le fichier COURSJS02.JS
avec dans le fichier : // début du script --> ...contenu du script... // Fin du script -->
ATTENTION : mettre le script en SRC "dévalide" la vérification de version possible via l'instruction Language, (au moins sur netscape 3.x)
Tag pr é e xis t ant JavaScript
Cabaré MichelCours v.2
Page 10
Une autre manière pour insérer un script se fait par l'ajout d'un code spécifique dans la balise d’un élément HTML, il s'agira soir d'un appel direct soit d'un appel de script écris au préalable
App e l di rect Il est possible d'employer une fonction intégrée du Javascript par le seul ajout de ce code dans la balise de l'élément mais cela restera très limité.
Par exemple : exemple de script minimaliste,
Voir
le
fichier
COURSJS03.HTM
mais existant au click sur ce bouton
C e c od e p rovo q ue l'ap p a rition d 'une fe nêtre (a lerte) p a r le c lic (l'é vé ne m en t "o nC lic k") sur le b o uto n d u fo rmu laire ... C e tte fen être sp é c iale, "a le rte", e st une fen être d e d ia log ue d a ns laq ue lle un e c ha îne d e c a rac tères (m e ssa g e) est a ffic hé e. C 'est une m é tho d e d e l'o b je t w ind o w . Pou r c et e xem p le , il n'est d o nc p a s né c e ssa ire d 'insé rer un sc rip t d a ns le d o c um e nt
App e l de fonct ion Mieux vaut l'ajout d'un appel de fonction spécifique dans la balise de l'élément qui lancera le traitement. Ce code servira très souvent àlancer une fonction définie dans JavaScript
Cabaré MichelCours v.2
Page 11
un script "conventionnel" c'est -à-dire, inséré par les balises conventionnelles (<SCRIPT>) un peu plus haut. Par exemple : <script language="JavaScript">
Voir
le
fichier
COURSJS04.HTM
ce qui permet de définir au préalable un script parfois important sous le nom hurle() suivit plus loin de exemple de script dans une fonction, mais existant au click sur ce bouton