Javascript

Pages: 12 (2835 mots) Publié le: 31 janvier 2011
Javascript

Objectif : Apprendre à utiliser le langage Javascript dans la construction de sites web.

Javascript est un langage de scripts qui, incorporé aux balises HTML, permet d'améliorer la présentation et l'interactivité des pages web.
Java-script est une version simplifiée de Java (créé par Sun à partir de C++) au même titre que VBscript de Microsoft est une version simplifiée deVisual Basic.
Ce langage est utilisé pour les tâches qui ne nécessitent pas un code Java compliqué. Ex : contrôle de l’entrée des champs dans un formulaire, message d’erreur pour des clics de souris ....
Les codes Javascript sont directement insérés dans le code HTML et sont interprétés quand le navigateur charge la page. Ils permettent également d’alléger la tâche du serveur et dediminuer la charge du réseau en faisant effectuer certaines tâches par le client.

Les objets manipulés :

Hiérarchie des objets :

Javascript divise la page web en objets et surtout permet de les manipuler.
Voici quelques objets qu'une page peut contenir :

objet fenêtre

objet document

objet formulaire

----------------------------------
----------------------------------objet radio

objet bouton

objet texte

L'objet fenêtre contient l'objet document qui contient l'objet formulaire qui contient à son tour l'objet radio (idem pour bouton et texte).
Pour accéder à un objet, il faut donner le chemin complet de l'objet en allant du contenant le plus extérieur à l'objet à l'objet référencé.
Soit par exemple pour le bouton radio "semaine" :(window).document.form.radio[0].
L'objet window a été mis entre parenthèses car, comme il occupe la première place dans la hiérarchie, il est repris par défaut par Javascript et devient donc facultatif.

Les propriétés des objets :

Une propriété est un attribut, une caractéristique de l'objet.
Les objets Javascript ont des propriétés personnalisées. Dans le cas des boutons radio, une deses propriétés est, par exemple, sa sélection ou sa non-sélection (checked en anglais).
En Javascript, pour accéder aux propriétés, on utilise la syntaxe : nom_de_l'objet.nom_de_la_propriété
Dans le cas du bouton radio "semaine", pour tester la propriété de sélection, on écrira :
document.form.radio[0].checked
La syntaxe :

Généralités :

Le code Javascript s’écrit dansl’entête (HEAD) ou dans le corps (BODY) d’un document HTML, à l’intérieur de scripts. Ce qui est écrit en dehors reste du HTML .
Si on veut écrire dans le document HTML depuis le script, il faut établir une sortie vers ce document HTML par l’instruction document.write().
Attention : Javascript est sensible à la casse des caractères (majuscules, minuscules).

Exemple1.htmldocument.write("bonjour")

salut

document.write("Et ceci du Javascript");

Les commentaires :

// commentaire
Tout ce qui est écrit entre le // et la fin de la ligne sera ignoré.
Il sera aussi possible d'inclure des commentaires sur plusieurs lignes avec le code :
/* commentaire sur
plusieurs lignes */
Ne confondez pas les commentaires Javascript et les commentaires Html(pour rappel ).

Extension .js pour scripts externes :

Il est possible d'utiliser des fichiers externes pour les programmes Javascript. On peut ainsi stocker les scripts dans des fichiers distincts (avec l'extension .js) et les appeler à partir d'un fichier Html. La balise devient :

Afficher du texte dans l’objet document de la page HTML :

L’instruction write() :
A chaque objetJavascript, le concepteur du langage a prévu un ensemble de méthodes (ou fonctions dédiées à cet objet) qui lui sont propres.
L'appel de la méthode se fait selon la notation : nom_de_l'objet.nom_de_la_méthode
Pour appeler la méthode write() du document, on notera : document.write();

Exemples :
write("votre texte");
On peut aussi écrire une variable, soit la variable...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • javascript
  • Javascript
  • Apprendre javascript
  • Librairie effets javascript
  • JavaScript

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !