■ Confidentialité des scripts nulle car le code source est visible ■ Code interprété par le navigateur à l'exécution ■ Permettent d'accéder aux objets de la page et du navigateur ■ Codes de programmation simples mais pour des applications limitées (exceptés les appels aux ActiveX pour les VBscripts) Scripts : Déclarations ■ Les fonctions utilisées par les scripts sont en général déclarés dans l’en-tête de la page ■ Ils sont insérés dans des commentaires pour être invisibles des navigateurs “ anciens ” qui ne comprennent pas les scripts ■ Les scripts clients sont lancés en général au sein du corps de la page Langages : Vbscript et Javascript
■ VBscript (Visual Basic Scripting Edition)
= logique et la syntaxe de Visual Basic
■ Javascript fut inventé par la société
Netscape, ressemble à C++
■ Jscript = Javascript Microsoft
incompatible avec le précédent Langages : Vbscript et Javascript <HTML> <HTML> <HEAD> <HEAD> <SCRIPT <SCRIPT language="Javascript"> language="VBscript"> <!-- <!-- function clickbut(){ Sub ok_OnClick alert("Le bouton est cliqué.") MsgBox "Le bouton est cliqué." } End Sub //--> --> </SCRIPT> </SCRIPT> </HEAD> </HEAD> <BODY> <BODY> <FORM name="commande"> <FORM name="commande"> <INPUT name="ok" type="button" <INPUT name="ok" value="Cliquez ici" type="button" onClick="clickbut()"> value="Cliquez ici"> </FORM> </FORM> </BODY> </BODY> Vbscript : Boites de Message ■ MsgBox "votre texte" ■ Alert "votre texte" ■ InputBox "votre texte" , "le titre de la boite" , "la valeur par défaut » ■ MsgBox - évoluée : – MsgBox "votre texte" , attribut-bouton + attribut-icône, "titre de la fenêtre" Vbscript : Objets
■ La page Html affichée est un objet de type
document ■ "écrire dans le document", c'est la méthode write ■ Syntaxe : document.write "votre texte » ■ Associer texte et variable : document.write ''Le résultat est " & resultat Javascript : Orienté Objet ■ Tout objet possède des propriétés : objet.propriete ■ Des méthodes (sorte de fonctions) sont associées à tout objet : object.nom = nomfonction ■ Certains objets sont prédéfinis mais il est possible d'en créer de nouveaux avec leur propres méthodes ■ this référence l'objet courant Javascript : Objets pré-définis • window : l'objet de plus haut niveau (fenêtre que vous voyez dans le navigateur) • child windows : fenêtres filles de chacun des cadres • location : URL courante et propriétés • history : URL précédemment visitées • document : propriétés du document courant, comme le titre, les couleurs de fonds, les formulaires • navigator : nom et version du navigateur ainsi que les types MIME et les PLUG-INS supportés par le client. Javascript : Evènements
■ Les événements sont les résultats d'une
action de l'utilisateur (clic de souris) ■ La syntaxe de ces événements est : <balise eventHandler="code JavaScript"> ■ Exemple : <INPUT TYPE=BUTTON VALUE=Essai onClick="exemple(this.form)"> Javascript : Evénements Disponibles ■ onBlur = 2ème clic à l'extérieur de la zone active ■ onClick = clic sur une zone hypertexte ■ onChange = suite à changement effectué ■ onFocus = clic sur zone active ■ onLoad = charge la page dans le navigateur ■ onMouseOver = au passage de la souris sur la zone ■ onSelect = sélection d'un élément de formulaire ■ onSubmit = soumission d'un formulaire ■ onUnload = fermeture de la page Javascript : Insertion dans Page Trois façons : par la balise SCRIPT <SCRIPT ...><!-- window.open() --> </SCRIPT>
en utilisant les événements
<BODY onLoad="fonction1(xxx) »> en mettant le code dans un fichier séparé, à partir de la version 3 de Nestcape. <SCRIPT LANGAGE=JavaScript SRC=source.js> </SCRIPT> Javascript : Généralités ■ Commentaires : //, /* …*/ (plusieurs lignes) ■ Types : nombres, booléens, chaînes de caractères, tableaux, tableaux associatifs ■ Types prédéfinis : string, math, date,… ■ Variable : commencent par des lettres ou par le caractère souligné,… ■ Expressions de trois ordres (arithmétiques, chaînes de caractères, booléennes) : expressions conditionnelles, opérateurs ■ Instructions de contrôle : for…, break et continue, if … else…, while Javascript : Fonctions ■ La fonction est définie sous la forme : nom ( param1, param2,...;) { ...} ■ La fonction sera déclenchée par un appel du genre : nom(param1, param2) ■ Une fonction peut appeler des arguments de tout type, ainsi que des fonctions ■ Une fonction retourne une valeur quand elle rencontre le mot clé return suivie de la valeur retournée qui peut être de tout type.