Informatique


Introduction

Aller à

Qu'est-ce que JavaScript

Créé en 1995, JavaScript est un langage orienté objet interprété côté client.

Un browser peut interpréter 3 langages:

  • HTML un langage de mise en page permettant de définir la structure générale du document, le squelette du document en quelque sorte.
  • CSS un langage de mise en page permettant de définir la forme d'une page: couleur, soulignement, fond d'écran, etc.
  • JavaScript un langage de programmation qui permet de créer du contenu mis à jour de façon dynamique, de contrôler le contenu multimédia, d’animer des images, etc.

Une page d'un site web est composée à partir de ces langages, lors d'une requête http (hyper text transfer protocol) la page est intégralement téléchargée sur l'ordinateur du client et les codes html/CSS/JS sont interprétés afin d'assurer l'affichage.


Où placer le code Javascript?

Au sein d'une balise <script> dans le <head>.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<script>
		var valeur=69;
		document.write("Ma sublime variable valeur contient: "+valeur+" !")
	</script>

</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

Au sein d'une balise <script> au sein du <body>.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
<script>
	var valeur=69;
	document.write("Ma sublime variable valeur contient: "+valeur+" !")
</script>
</body>
</html>

Au sein d'une balise d'un fichier .js lié à la page web.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<script src="myfic.js"></script>

</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

Au sein même d'une balise.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body  onload="alert('Coucou')">
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

On privilégira, si possible, un fichier .js lié.


On évitera de placer du code JS au sein d'une balise afin de séparer au maximum l'html, le css et le JS.


Il n'est pas rare que l'emplacement du script détermine son bon fonctionnement (voir vidéo).


Les commentaires Javascript?

Il est important de commenter vos codes, ces commentaires sont absolument transparent pour le code lui-même.

  • On utilisera // pour les commentaires sur une ligne.
  • On utilisera /* .......*/ pour les commentaires sur plusieurs lignes.
Syntaxe
	<script>
		//Un magnifique commentaire sur une ligne
		
		/*Mais quel beau commantaire
		sur deux lignes! */
	
	<script>