Bouton Javascript pour faire revenir à la page précédente

Vous pouvez ajouter un bouton Javascript pour faire revenir à la page précédente. Lorsque l’utilisateur clique sur le bouton, il est redirigé vers la dernière page visitée, comme s’il cliquait sur le bouton de retour de son navigateur.
 
 
Vous pouvez y parvenir en modifiant le code HTML de votre page et en ajoutant un peu de JavaScript.
 

Remarque: Le bouton ne fonctionnera pas si l’utilisateur n’a pas d’historique de navigation. Par exemple, si l’utilisateur ouvre votre page dans un nouvel onglet ou une nouvelle fenêtre du navigateur, rien ne se passe lorsqu’il clique sur le bouton.

 

Utiliser history.back

Dans JavaScript, l’objet history contient les URLs que l’utilisateur a consultées. Vous pouvez utiliser la méthode history.back() pour indiquer au navigateur de revenir à la page précédente de l’utilisateur.

Ici, nous créons le bouton, et en ajoutant l’attribut d’événement onclick. Voir l’exemple ci-dessous:

<button onclick="rtn()">Retourner</button>
<script>
function rtn() {
   window.history.back();
}
</script>
QCM Javascript

Une réflexion sur “Bouton Javascript pour faire revenir à la page précédente

  • novembre 16, 2022 à 11:37 am
    Permalien

    Bonjour,
    je ne peux pas utiliser cette fonction

    function rtn() { window.history.back();}

    Car mon site n’a qu’une « page » html et la navigation se fait par « data-target »

    Auriez-vous une piste à me donner pour réaliser un bouton « PREVIOUS » pour revenir à L’AFFICHAGE précédent…

    merci

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *