Leçons Javascript (manuel, tutoriel autodidacte)
Javascript est l’un des langages les plus populaires au monde, même s’il perd un peu de terrain avec le temps, de nombreux programmeurs continuent à s’y intéresser.
Javascript vous sera utile pour l’apprentissage ultérieur de jQuery, donc avant de vous attaquer à jQuery, qui est un framework javascript, il faut d’abord connaître les bases de javascript.
Le code Javascript s’intègre directement dans le code HTML d’une page à l’aide des balises <script></script> :
<html> <head> <title></title> </head> <body> <script type="text/javascript"> </script> </body> </html>
Enregistrez ce code dans un fichier index.html et ouvrez-le dans un navigateur. Nous allons maintenant modifier le code javascript dans le fichier index.html.
Commençons par afficher des messages simples avec javascript :
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('Tutoriel Javascript de drupalbook.org');
</script>
</body>
</html>
Avec la fonction alert(), nous afficherons une fenêtre popup. C’est très pratique pour afficher rapidement la valeur d’une variable javascript ou un message d’erreur.
Nous pouvons aussi afficher du texte avec la fonction document.write()
...
<script type="text/javascript">
document.write('Tutoriel Javascript de drupalbook.org');
</script>
...
Enregistrez le fichier et rafraîchissez la page dans le navigateur pour appliquer les modifications.
Nous pouvons aussi placer le code javascript dans un fichier séparé :
<html> <head> <title></title> </head> <body> <script type="text/javascript" src='script.js'> </script> </body> </html>
Ainsi, le code javascript sera chargé depuis le fichier script.js, insérez dans ce fichier la fonction alert('Tutoriel Javascript de drupalbook.org') pour vérifier si le fichier est bien inclus.
Je pense que placer le code dans des fichiers séparés est bien plus pratique, ainsi nous ne surchargeons pas les pages HTML avec du code javascript.
Cet article servira d’introduction à javascript, dans les prochains articles nous examinerons en détail les possibilités du langage javascript.