Grummfy

Ou mon grand bazard présenté au public!

Rechercher

Divers

Site et domaine hébergé par OVH


Tutoriaux

Les bases du javascript

Avant de pouvoir programmer en javascript il faut comprendre comment l'inséré dans une page html.

Pour cela nous allons voir qu'il existe trois manières de le mettre :

  • dans un fichier '.js' séparé de la page web, cela peux s'effectuer dans l'en-tête ou le corps d'une page web
  • entre des balises <script></script>, cela peux s'effectuer dans l'en-tête ou le corps d'une page web
  • dans certains attributs de balise soit directement soit avec javascript:

Via un fichier séparé

Utiliser simplement le code suivant :
<script type="text/javascript" src="fichier.js"></script>

Cependant pour être sur de la compatibiliter avec des navigateur légèrement âgée il vaux mieux utilisé ceci :
<script type="text/javascript" src="fichier.js" language="JavaScript"></script>

Mais actuelement, les dernière évolution on légéremetn changé certaine chos et le w3c recomande cette écriture :
<script type="application/javascript" src="fichier.js" ></script> ou encore
<script type="application/ecmascript" src="fichier.js" ></script> vu que emascript est le nom de la derniere version (1.5) de javascript.

Le script sur la page même

Il suffit d'utiliser les balise script de cette manière (mais de nouveau il vaux mieux ajouter language="Javascript"):
<script type="application/javascript" language="JavaScript">
<!--//
alert("Hello World");
//-->
</script>

Dans les attribut

En général on utilise cette technique pour un code très cours ou pour appeler un script plus complexe.
Par exemple dans un lien on aura ceci :
<a href="javascript:alert("Hello World!");">Faire un hello world</a> Ou encore ceci:
<a href="#" onclick="javascript:alert("Hello World!");">Faire un hello world</a>
Pour le dernier exemple, on voix que le javascript traite les événements.

Si certaine partie vous paraisse étrange, ce n'est pas grave, vous comprendrez en essayant et en posant des questions.

La structuration du code

Dans la javascript il n'y a pas beaucoup de règle d'écriture donc les voici :

  • Les instruction se termine toujours par ";" sauf si c'est une dernière instruction
  • lorsque il y a plusieurs instructions on met une accolade pour les regrouper "{" et "}"
  • les commentaire sont précédé de //, des commentaires multi lignes utilise ceci : /* multi lignes */
  • Il faut déclarer ses variables (nous verrons plus tard comment faire)
  • Les variable s'écrive sans rien de spécial par exemple la variable toto en php s'écrirait $toto, en javascript elle s'écrira toto