Nous avons vu comment exécuter un script dans une page. Avant d'étudier la mise au point de scripts plus élaborés, nous allons voir comment contrôler le moment où le script s'exécute.
Si du code Javascript est inséré dans l'entête (entre <head> et </head>) d'une page HTML, il sera exécuté avant l'affichage de la page HTML. S'il est dans le corps de page (entre <body> et </body>), il sera exécuté après.
Reprenez la page essai.html. Insérez le code suivant dans l'entête:
<script type="text/javascript">
<!--
alert("Attention je vais afficher la page");
//-->
</script>
Observez maintenant ce qui se passe quand vous chargez la page (ou que vous l'actualisez si elle est déjà chargée).
Votre page contient donc maintenant 2 scripts: un dans l'entête et un dans le corps de page.
Allez chercher sur Internet les 3 premiers vers de la fable de La Fontaine "Le corbeau et le Renard" et placez les dans votre page Web sur 3 lignes différentes.
Ajoutez des scripts, selon le principe précédent, pour annoncer le toitre de la fable avant d'afficher la page, et annoncer chaque vers avant de l'afficher.
L'attribut src (de la balise <script>) vous permet d'inclure dans une page HTML du code Javascript se trouvant dans un fichier texte externe ayant l'extension .js. Il est dès lors possible de partager du code Javascript entre plusieurs pages HTML en incluant le même fichier .js.
Créez un nouveau fichier avec votre éditeur, que vous appellerez bonjour.js.
Mettez dans ce fichier la ligne de code qui est en bas de votre page:
alert("Bonjour tout le monde!");
Puis modifiez votre page en remplaçant le dernier script par:
<script type="text/javascript" src="bonjour.js"></script>
Vérifiez que le comportement de votre page est toujours le même.
Il est possible de déclencher du code Javascript sur le clic d'un lien hypertexte en utilisant le pseudo-protocole (au sens http: ou ftp:) "javascript:". Ce protocole n'étant pas normalisé, il se peut que le comportement du navigateur diffère selon les systèmes.
Toujours dans votre page essai.html, insérez dans le corps de la page le code suivant:
<a href="javascript:alert('Hisse et oh - et un cruchon d\'rhum
!')">
Je
prendrais bien du rhum</a>
Vérifiez le comportement de cette page sur le navigateur.
reprenez la page sur la fable de La Fontaine et ajoutez un lien à la fin pour annoncer le nom de l'auteur.