Anda di halaman 1dari 13

Scripts : Spécificités Communes

■ Code intégré aux pages Web


■ 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.

Anda mungkin juga menyukai