Il faut tout d’abord préciser que JAVASCRIPT est un langage de script. Le code n’est pas donc pas compilé, ce qui veut dire qu’il n’est pas traduit en langage machine, mais placé immédiatement dans le fichier HTML en tant que texte ASCII .

Pour cette intégration dans le code HTML, il existe 3 possibilités différentes .

Nota :

J’essaye de vous expliquer quelques trucs en JavaScript concernant les événements, donc ne soyez pas surpris si je vous donne que de brefs explications sur le JavaScript, car je pense que cela suffit amplement pour commencer à faire une page HTML dynamique , revenons aux 3 possibilités différentes :

La meilleure des solutions consiste à intégrer le texte source dans l’en-tête du fichier HTML. Il est possible d’y écrire un code qui sera utilisé plus tard par le biais de l’une des 2 autres possibilités d’insertion. Le texte source correspondant ressemble à ceci :

<HTML>

<HEAD>

<title>Titre de la page </title>

<script language= "javascript ">

< !—

Définition de fonctions et de variables

//à

</script>

La balise <script language= "javascript "> introduit le texte source JavaScript, la balise <Script> le termine .

Les codes < !—et //à font en sorte que le texte issu de JavaScvript et qui n’est pas toléré par d ‘anciens navigateur ne soit pas affiché.

Les fonctions et les variables peuvent être définies à l’intérieur de ces balises, mais nous en reparlerons plus tard .

La deuxième possibilité consiste à exécuter certaines commandes JavaScript par le Biais de certaines actions du surfeur .De telles actions peuvent aussi bien être le chargement ou l’abandon d’une page que par exemple le passage de la souris au-dessus d’un lien .Dans l’exemple suivant, la fonction bonjour doit être exécutée lors du chargement de la page. Cette fonction doit être définie au préalable dans l’en-tête du fichier définie au préalable dans l’en-tête du fichier HTML(Voir ci-dessus , insertion dans l’en-tête).

…

<body onload= "bonjour() ">

La fonction pourrait par exemple saluer le visiteur par un message à l’écran .

Première programmation en JavaScript

Bonjour

Bonjour sans paramètres

Un programme est devenu un exemple classique d’instruction pour un langage de programmation, consiste à afficher à l’écran le texte "bonjour " et ce de n’importe quelle façon. Nous voulons définir une fonction dans JavaScript qui affiche sous forme de message. Pour ce faire, nous avons besoin du code suivant :

<HTML>

<HEAD>

<title>Titre de la page </title>

<script language= "javascript ">

< !—

function bonjour(){ ou function bonjour(sortie)}

alert(" bonjour ") ou alert(sortie)

}

//à

</script>

<head>

<body onload= "bonjour() "> ou <body onload= "bonjour(‘bonjour avec de paramètres’) ">

voici le contenu de la page

</body>

</html>

Le texte source déjà connu jusqu’à la ligne comportant le code < !—

La ligne suivante function bonjour()} définit une fonction " function " est un mot réservé qui doit de placer à cet endroit . Bonjour, par contre, est le nom de la fonction, il peut être choisi librement .Il faut cependant prendre garde qu’aucun mot réservé ne soit utilisé, l’idéal est d’utiliser des noms dont la signification est parlante. Du reste, les mots réservés sont des mots qui ont uniquement le droit d’être utilisés pour le code JavaScript et non pas en tant que nom de fonction ou de variable .

Voici un tableau des mots réservés :

Abstract

Final

public

Boolean

finally

return

Break

float

short

byte

for

static

case

function

super

catch

goto

switch

char

if

synchronized

class

implements

this

const

import

throws

continue

in

transient

debugger

instanceof

true

default

int

try

delete

interface

typeof

do

long

var

double

native

void

else

new

volatile

enum

null

while

export

package

with

extends

private

false

protected

Plus loin dans le texte () signifie que la fonction n’attend aucun paramètre, c’est à dire qu’aucune valeur n’a besoin d’être indiquée. Notre exemple suivant montre l’utilisation de fonctions avec paramètres (doit être suivi). Les accolades représentent le début du contenu de la fonction alert est la commande pour l’affichage sous forme d’un message. Un paramètre de texte placé entre guillemets doit être précisé } indique la fin du contenu de la fonction .La balise body s’énonce aini<body onload="bonjour()">, ce qui signifie que notre fonction, cette fois sans paramètre, est invoquée lors du chargement du document.