Fonction onLoad

Cette fonction permet de lancer une commande au chargement d'une page HTML. Elle est placée dans la balise body.

Je vous propose d'écrire un petit message "Bienvenue sur mon site" à l'internaute dans la barre d'état du navigateur grâce à la fonction window.status.

Code

<html>

<head>

<title>OnLoad</title>

<script language="javascript">

function monProgramme(){

window.status="Bienvenue sur mon site";

}

</script>

</head>

<body onLoad="javascript:monProgramme()">

Voici la page d'accueil du site

</body>

</html>

Résultat

Défilement du texte

Pour rendre plus dynamique le texte précédemment affiché, il est possible de le faire défiler. Pour cela, le découpage du message est obligatoire et se fait avec la fonction substring. Il suffit de prendre la première lettre et de la mettre en fin de chaîne de message et de reproduire cette opération à intervalles réguliers. Cette derniè action est rendue possible avec la fonction setTimeout.

La commande msg.substring(caractere_de_debut,caractere_de_fin) permet de ne conserver qu'une partie de la chaîne de caractère msg comprise entre le caractère de début et celui de fin.

L'unité de temps utilisée pour la fonction setTimeout est en millisecondes.
 

Code

<html>

<head>

<title>OnLoad timer</title>

<script language="javascript">

msg="Bienvenue sur mon site ..."

function monProgramme(){

window.status=msg;

msg=msg.substring(1,msg.length)+msg.substring(0,1);

timer=setTimeout("monProgramme()",200);

}

</script>

</head>

<body onLoad="javascript:monProgramme()">

Voici la page d'accueil du site

</body>

</html>

Résultat