Vous êtes ici Tutoriel Le langage

Lien utile

Tutoriel sur le JavaScript - Le langage

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 3 Mars 2009


Si vous avez déjà utilisé le CSS, il vous sera relativement facile d’appréhender JavaScript. Voici 3 mesures importantes, que vous devriez toujours prendre lors de la création d’un code JavaScript ou de l’utilisation d’un code créé par un tiers. La première est d’utiliser la balise "script" pour dire au navigateur que vous utilisez JavaScript. Ensuite écrivez ou téléchargez des scripts JavaScript et surtout testez vos scripts!

Sommaire :




Le langage



Comment écrire avec JavaScript

Il y a tellement de choses qui peuvent mal tourner avec un script, que ce soit une erreur humaine, des problèmes de compatibilité entre navigateurs, ou de différences entre les systèmes d'exploitation, que lorsque vous utiliserez JavaScript, vous devrez vous assurer de bien tester votre script avec une grande variété de systèmes et, encore plus, avec des navigateurs différents.


Votre premier script en JavaScript

Pour suivre l’exemple classique, nous allons utiliser JavaScript pour afficher "Bonjour tout le monde" dans le navigateur. Je sais que ce n'est pas très intéressant, mais ce sera un bon moyen d'expliquer ce qu’entraîne l’utilisation de JavaScript.

.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
  <html>
<body>
<script type="text/JavaScript">
<!--
document.write("Bonjour tout le monde!")
//-->
</script>
</body>
</html>
Affichage:
Bonjour tout le monde!


Notre première démarche a été de dire au navigateur que nous utilisons un script, avec la balise "script". Puis, nous avons défini le type de script en utilisant le signe = "text / JavaScript". Vous remarquerez au passage que cette façon de procéder est similaire à la façon dont vous spécifiez le CSS, qui est "text /css".

Ensuite, nous avons ajouté un commentaire HTML optionnel qui entoure notre code JavaScript. Si un navigateur ne lit pas le JavaScript, il n’affichera pas le code en texte clair pour l'utilisateur! Le commentaire a été terminé avec un "//-->" parce que "/ /" signifie un commentaire dans le langage JavaScript. Ceci est fait pour empêcher le navigateur de lire la fin du commentaire HTML dans cet extrait de code JavaScript.