Scripts

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 <SCRIPT language="VBscript">

<SCRIPT language="Javascript">

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 :

■

Exemple :

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

en utilisant les événements
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>

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.