QU’EST-CE JAVASCRIPT
Présentation
Objectifs
Les plus et …les moins
APPEL D’UN SCRIPT JAVASCRIPT
Les différents appels
Dans le navigateur
Tag spécifique
Tag pré existant
Tag <NOSCRIPT>
UN PEU DE SYNTAXE
Min – maj
Commentaires
Expression
Bloc
LES VARIABLES
Déclaration
Mots réservés
Variable locale-globale
LES TYPES DE VARIABLES
Principe
Chaîne de caractère – string
Les nombres – number
Les booléens – boolean
PROCEDURES ET FONCTIONS
Définir et appeler des fonctions / procédures
Déclaration de procédure
Déclaration de fonction
Appel de procédure
Appel de fonction
Gestion des arguments
LES OPERATEURS
Arithmétiques
Concaténation
Comparaison
Affectation
Binaires
Logiques
Conditionnels
STRUCTURES DE CHOIX
if else :
STRUCTURES DE REPETITION
While
do while
for
switch
LES FENETRES DE DIALOGUE
Interface avec l’utilisateur
alert()
confirm()
prompt()
LES TABLEAUX
Nature des tableaux
Propriétés – méthodes des tableaux
NOTIONS D’EVENEMENTS
Qu’est-ce un évènement
Gestionnaire d’évènement
évènement par défaut et spécifiques
Quelques évènements javascript
NOTIONS DE P.O.O
Objets – Méthodes – Propriétés
Un exemple de modèle objet
Modèle objet window Netscape
Modèle objet window Explorer
PRINCIPAUX OBJETS JAVASCRIPT
Objets et versions
Date
Math
string
navigator
Window
screen (à partir de la version 1.2)
LES PRINCIPAUX OBJETS DANS WINDOW
Windows conteneur de
document
Exemple document.bgColor
Exemple document.cookie
frame
Exemple frame[x].name
Exemple top.frames.lenght
history
Exemple history.back / forward
location
Exemple location.replace
OUVRIR UNE NOUVELLE FENETRE
La méthode open
Fermer une fenêtre
Écrire dans une fenêtre
EVENEMENTS TEMPORISES
méthode setTimeout()
Exemple
LES OBJETS DANS DOCUMENT
document conteneur de
anchor
array
link
form
area (à partir de version 1.1)
image (à partir de version 1.1)
Exemple image.src
layers (à partir de version 1.2)
LES OBJETS DANS FORM
form conteneur de
button
checkbox
FileUpload (a partir de version 1.2)
hidden
password
radio
reset
select
submit
text
textarea
TRAVAILLER AVEC UN FORMULAIRE
Interêts
Accéder à des champs de formulaire
Calculs avec des chaînes
ANNEXE : VERSIONS
JSCRIPT-JAVASCRIPT-ECMASCRIPT
Correspondances avec ECMASCRIPT
Versions Jscript
Versions Javascript
ANNEXE : RESSOURCES INTERNET
Normes et spécifications
Sites et Forum
QU’EST-CE JAVASCRIPT
Présentation
L’emploi de javascript est devenu aujourd’hui indispensable pour qui veut créer un 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 les résultats des requêtes que lui soumettait le 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ètement changé et le navigateur est maintenant capable « d’intelligence » 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. Il permet 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 !
Appel d’un script Javascript (2.5 MO) (Cours PDF)