Trucsweb.com

Javascript

Bouton retour en arrière et page suivante

RDFFav

Bouton retour en arrière et page suivante - Avec la méthode GO du Javascript

Pour reproduire l’action des boutons page précédente et page suivante de votre navigateur, le Javascript utilise la méthode GO qui peut naviguer dans l’historique des liens gardé en mémoire par le navigateur. En effet, il est possible de récupérer la liste des liens visités par le visiteur, la liste « history »..boutons retour arrière pages suivantes précédentes javascript méthode go action historique liens history url back forward location gistory.go onclick

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Pour reproduire l’action des boutons page précédente et page suivante de votre navigateur, le Javascript utilise la méthode GO qui peut naviguer dans l’historique des liens gardé en mémoire par le navigateur. En effet, il est possible de récupérer la liste des liens visités par le visiteur, la liste « history » qui contient les dix derniers URL.

C’est très simple, vous devez choisir un url ou " location " de l’historique en indiquant ça position (son numéro). -1 étant la dernière page visité et +1 la prochaine (si jamais le visiteur a utilisé le bouton " page précédente ").

Retour à la page précédente
history.go(-1)

Retour deux pages en arrière
history.go(-2)

Aller à la page suivante
history.go(+1)

Vous pouvez aussi avec cette méthode entrer directement un URL.
history.go("http://www.trucsweb.com")

 

Exemples :

Dans un hyperlien

<a href="javascript:history.go(-1)">Retour</a>

Ou encore dans un bouton de formulaire

<form>
  <input type="button" value="Retour" onclick="history.go(-1)">
</form>

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

  • tu tes planter tu as inverser le e et le r dans href (ttu a mis herf) le code bon: <a href=javascript:history.go(-1)>Retour</a>
    64x64
    le_basque

    2015-07-09 13:40:2
    • Salut, Planté, méchant plantage j'espère pouvoir me relever ; -) Merci.
      64x64
      oznog
      http://www.trucsweb.com
      2016-01-04 14:36:30


    • <a herf="javascript:history.go(-1)">Retour</a> Petite coquille => <a href et non herf !
      64x64
      Petit

      2015-12-28 14:34:24
      • Salut, Petite coquille me semble le mot juste. Merci, c'est réglé...
        64x64
        oznog
        http://www.trucsweb.com
        2016-01-04 14:37:8


      • Slt ! Le morceau de code ci-dessous te semble-t'il correct ? <div class="action"><a href="javascript:history.go(-1)"><i class="fa fa-times"></i></a></div> Bon week et merci pour ce tuto ! Dan.
        64x64
        Dany

        2016-03-25 21:41:6
        • Salut, Oui, je viens d'ailleurs d'ajouter un copier coller dans le tutoriel et il fonctionne très bien. Maintenant, ça reste à la discrétion du navigateur. Il peut en outre y avoir une question de mémoire cache... Ciao
          64x64
          oznog
          http://www.trucsweb.com
          2016-03-25 21:47:49


               Visites : 31410 - Pages vues : 70258
        X

        Trucsweb.com Connexion

        Connexion

        X

        Trucsweb.com Mot de passe perdu

        Connexion

        X

        Trucsweb.com Conditions générales

        Conditions

        Responsabilité

        La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

        Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

        Droit applicable et juridiction compétente

        Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

        X

        Trucsweb.com Trucsweb

        X

        Trucsweb.com Glossaire

        X

        Trucsweb.com Trucsweb

        X

        Trucsweb.com Trucsweb

        Conditions

        Aucun message!

        Merci.

        X
        Aucun message!
        X

        Trucsweb.com Créer un compte

        Créer un compte

        .
        @