le MEMO du WEB développeur
••• Javascript •••  Liste des Mémos, astuces et bonnes pratiques

Faire une redirection en javascript

La redirection d'une page internet, est le basculement automatique d'une adresse URL vers une autre adresse URL.

Si une page a changé d'adresse, par exemple, il est important que lorsque l'internaute la cherche à l'ancienne adresse, il puisse être redirigé automatiquement sur la nouvelle.

Il existe plusieurs techniques de redirection, notamment à l'aide du fichier .htacces, qui convient bien pour une redirection systématique.
Les redirections javascript sont plus appropriées si l'on veut afficher un message avant de rediriger l'internaute vers la nouvelle page, ou bien si l'on souhaite rediriger l'internaute que dans certains cas (par exemple, si l'utilisateur est connecté au site)

Fonction de redirection javascript simple

<script>
function RedirectionJavascript(){
  document.location.href="http://manouvellepage.com"; 
}
</script>

Exemple de redirection javascript sur événement onload

<html>
  <head>
    <script type="text/javascript">
      function RedirectionJavascript(){
        document.location.href="http://manouvellepage.com";
      }
   </script>
  </head>
  <body onLoad="setTimeout('RedirectionJavascript()', 2000)">
     <div>Dans 2 secondes vous allez être redirigé vers http://manouvellepage.com</div>
  </body>
</html>

L'utilisation ici de la fonction setTimeout() sur l'événement onload (sur chargement) de la page, permet de donner un délai de 2000 ms à l'internaute avant qu'il ne soit redirigé sur la page finale.

Exemple de redirection sur le click  d'un bouton (code HTML) 

<input name="bouton_terminer" type="button" value="Terminer" 
    onclick="document.location.href='http://manouvellepage.com'">

ou, si la fonction RedirectionJavascript() est déclarée sur la page :

<input name="bouton_terminer" type="button" value="Terminer"
    onclick="RedirectionJavascript()">

 

publié le 10/05/2012 par Memo Web
Commentaire :
cela m'aidera BEAUCOUP
par inconnu, le 27/03/2015
Merci pour ce script, il va m'être très utile. :)
par inconnu, le 23/09/2014
Merci pour ce script. J'aimerais que cette redirection se face seulement quand on clic sur un lien..Comment est possible ? Merci
par inconnu, le 17/11/2013
Commenter le Mémo :

Récupérer l'identifiant de session id_session en javascript
Empêcher le clic droit sur les images de votre site
Parcourir tous les éléments d'une classe CSS en Javascript
Replace() ou Remplacer une chaîne de caractères par une autre en Javascript
Format e-mail et téléphone portable
Vérifier la validité d'une URL en Javascript - Expression régulière
Récupérer l'URL de la page courante
Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire
Créer un effet d'opacité sur le survol d'une image
Vérifier qu'une variable est de type entier en javascript
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos