Créer une redirection en javascript

Mars 2013

Une redirection est l'action pour une page web de rediriger l'internaute sur une autre URL, au chargement de la page. Il existe 2 façons de faire une redirection :

Redirection HTTP, qui utilise les headers HTTP pour envoyer un code de redirection (302 ou 301)
Redirection Javascript, qui utilise le langage javascript sur la page web pour changer l'URL de la page

Ici nous allons voir comment faire une redirection javascript :

Redirection javascript

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<script>
	window.location.href = 'http://www.google.fr/';
	</script>
</head>
<body>
	<p>Vous allez être redirigé.</p>
</body>
</html>

Redirection javascript temporisée

Il est aussi possible de rediriger après un certain délai. Cela permet par exemple d'afficher un message d'information à l'utilisateur avant que celui-ci ne soit redirigé.

setTimeout(function(){
	window.location.href = 'http://www.google.fr/';
}, 2000);

Ce code redirige au bout de 2 secondes (2000 millisecondes). Le temps s'exprime toujours en millième de secondes pour la fonction setTimeout.

Dans un tout autre contexte, cet article est très intéressant : connaitre le jour de l'année dans une formule excel.

Quel type de redirection choisir ?

Il vaut mieux utiliser une redirection HTTP quand c'est possible, car ce type de redirection est géré par tous les clients : navigateur web, robot d'indexation (comme Googlebot), moteur de recherche, application...

Le principal avantage d'une redirection javascript est qu'elle est très simple à mettre en place, elle fonctionne sur toutes les plateformes (PHP, ASP.NET, Java), sur les sites statiques comme sur les sites dynamiques, puisque la direction n'est pas gérée côté serveur mais côté client.

Encore faim ? allez lire ça : boutons concave/convexe !

Fil de lecture

0 commentaire