[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > DHTML et Javascript > L'utilisation du DOM > Rappel du javascript > Lecture du tutoriel

Rappel du javascript

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)

Dans cette partie, je vais vous rappeler (ou peut-être vous apprendre) comment débuter avec le javascript pour pouvoir rendre vos pages dynamiques.

&lt;information&gt;Si vous connaissez déjà le javascript, je ne pense pas vous apprendre grand-chose : vous devez donc pouvoir vous rendre directement au chapitre suivant.&lt;/information&gt;

Sommaire du chapitre :

Syntaxe du Javascript
Le modèle objet

Syntaxe du Javascript

C'est bien beau tout ça, mais où est-ce qu'on l'écrit, le javascript?

Deux possibilités. Tout d'abord, vous pouvez écrire du javascript directement dans votre page XHTML, en faisant comme suit :

Code : HTML

<script type="text/javascript">
<!--
        Ici Le code Javascript
-->
</script>

Heu... il est commenté la ton code, nan ? o_O

En effet : c'est une bonne habitude à prendre de toujours commenter en XHTML votre code Javascript, quand il est directement sur la page XHTML. La raison est simple. Certain vieux navigateurs ne connaissent pas la balise <script>, et quand un navigateur ne connaît pas une balise, il l'ignore. Et ça affichera donc votre code sur votre page. Donc pour une raison de mise en page, et pour que votre site reste propre.

La deuxième méthode de créer du code javascript est de le faire dans un fichier à part, avec une extension .js . Il faudra alors inclure votre fichier javascript dans votre page, avec le code suivant :

Code : HTML

1	<script type="text/javascript" src="fichier.js"></script>

Voilà ! Vous savez maintenant insérer du code javascript dans vos page XHTML.

Passons maintenant à la programmation en elle-même.

Tout d'abord, et comme dans tout langage de programmation, nous allons avoir besoin de variables. Toutes les variables (quelque soit le type de données que vous mettez dedans) sont déclarées de cette manière :

Code : JavaScript

1	var ma_variable;

Vous pouvez également affecter une valeur à la variable lors de sa création :

Code : JavaScript

1	var ma_variable="mon texte";

Maintenant que vous pouvez créer des variables, je vais rappeler rapidement tout ce qu'on peut faire avec :

Code : JavaScript

// opérations mathématique : = + - * / %
// L'opérateur + permet de concaténer deux chaînes de caractères 
// conditions ( égal à == , ou || , et && , < , > , <= , >= ) 
if(//condition){
//instructions
}
else if(//condition){
//instructions
}
else{
//instructions
}

switch(variable){
case //valeur :
 //instructions
 break;
default :
 //instructions
 break;
}

//boucles
for(/*instruction initiales*/;/*condition de boucle*/;/*instruction a chaque fin de boucle*/){
//instructions
}

while(/*condition*/){
//instructions
}

//fonctions
function nom_de_fonction(/*paramètres*/){
//instructions
}

J'ai fait un tour très rapide des grands classiques de la programmation. Je ne compte pas trop m'étendre sur le sujet, car ce n'est pas un tutoriel sur le javascript : je considère donc que vous connaissez un minimum le sujet.

Nous allons maintenant voir le modèle objet utilisé par le javascript.

Le modèle objet

Le langage javascript se base sur une conception orientée objet des données.

Holala... Pourquoi tu parles chinois, là ?

Pas d'inquiétude je m'explique. Plutôt que de voir les données comme une petite information, il faut les voir comme un ensemble d'informations très pratique à utiliser. C'est comme transporter une table pliante de pique-nique, qui ferait le café, les toasts, les sandwichs, décapsulerait la bière, etc. On peut continuer loin comme ça.

Pour donner un exemple concret, une chaîne de caractères en javascript transporte toujours avec elle ce qu'on appelle des méthodes (comprenez des fonctions) qui permettent de traiter l'information. "split" est par exemple une méthode qui va avec les chaînes de caractères, permettant de découper la chaîne en plusieurs morceaux avec un séparateur que l'on choisit.

Pour accéder à une méthode du javascript, il suffit de faire variable.méthode(). Reprenons notre chaîne de caractères, et splitons-la :

Code : JavaScript

1 2	var texte="Bonjour,Au revoir"; var reponse = texte.split(",");

On a alors un tableau reponse qui contient deux valeurs. En position 0, il y a "Bonjour", et en position 1 il y a "Au revoir".

J'espère que vous m'avez bien suivi jusque là, parce que pour rendre nos pages dynamiques, il va falloir utiliser tout plein de méthodes. Ce n'est pas dur : il faut juste savoir comment ça marche.

Maintenant que les révisions sont finies, je vous donne rendez vous au chapitre suivant pour mettre en oeuvre ce qu'on vient d'apprendre, et la théorie que l'on a vu précédemment. En effet, nous allons commencer à modifier le contenu et les attributs des balises.

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Rappel du javascript

Syntaxe du Javascript

Le modèle objet

	Auteur : Fedaykin Note : 3 / 20 (2 votes) Visualisations : 7 373 Plus d'informations Créé : le 09/01/2006 à 14:52:54 Modifié : le 22/08/2008 à 15:51:26 Avancement : 0% Licence : Copie non autorisée