Comment faire revenir au navigateur à la page précédente à l'aide de JavaScript?

Faire un navigateur remonter à la page précédente avec l'aide de JavaScript est assez facile. Pour ce faire, accédez simplement au fenêtre Objet de la fenêtre du navigateur et de son histoire propriété. Après cela, utilisez simplement le dos() Méthode sur l'historique pour déplacer le navigateur vers l'entrée précédente dans sa liste d'historique.

Note supplémentaire: Se référant à la page précédente avec un La balise de référence n'est pas une bonne solution. La plupart des nouveaux débutants essaient souvent d'utiliser le Balise de référence pour passer à la page précédente, et dans l'histoire du navigateur, il se considère comme un avance. Ce n'est donc pas une solution optimale car le navigateur ne revient pas. Au contraire, ça va de l'avant.

La méthode en projecteur

La méthode suivante est utilisée pour retirer le navigateur:

fenêtre.histoire.dos()

Cette méthode ne prend aucun paramètre et ne renvoie rien. Il déplace simplement le navigateur un pas en arrière dans son histoire. Passons un exemple pour démontrer son fonctionnement

Étape 1: Configuration de la maison.html

Créer un document HTML avec le nom maison, Et c'est la première page qui sera utilisée pour passer à une deuxième page. Pour créer ce document HTML à domicile, utilisez les lignes suivantes:

C'est la première page!
Cliquez pour visiter la deuxième page

Dans ce document HTML, un La balise est utilisée pour déplacer le navigateur «vers l'avant» sur la deuxième page. À ce stade, le navigateur montre la sortie suivante:

La page Web affiche le lien pour passer à la deuxième page, mais actuellement, cette deuxième page est manquante, alors créez cela à l'étape suivante.

Étape 2: Configurez la seconde-page.html

Créez un autre document HTML et nommez-le deuxième page.html. Dans ce fichier, ajoutez les lignes suivantes:

C'est la deuxième page


Cliquez sur le bouton ci-dessous pour "revenir" à la page précédente






Reprends moi!

Dans ce document HTML, nous avons créé un bouton avec une propriété OnClick définie sur Backbutton (). Cela créera la page Web suivante sur le navigateur:

La fonctionnalité du bouton pour ramener le navigateur sur la pression sur le bouton est toujours manquante. Pour cela, ajoutez la balise de script suivante à l'intérieur de la deuxième page.HTML:

Dans cette balise de script, la fonction Backbutton () est créé qui sera appelé sur le bouton Appuyer. Dans cette fonction, le dos() La méthode a été appliquée à la propriété "histoire" en utilisant le navigateur fenêtre objet.

Après cela, chargez la maison.HTML dans un navigateur et observer la fonctionnalité comme suit:

Il y a quelques choses à remarquer:

• Au début, le bouton vers l'avant et le retour du navigateur étaient désactivés en raison de aucune histoire
• Cliquez sur le lien amène l'utilisateur à la deuxième page
• Lorsque sur la deuxième page, le bouton arrière est activé
• Cliquez sur le bouton de la deuxième page ramène l'utilisateur sur la page d'accueil.
• Cependant, le bouton arrière est désactivé sur la page d'accueil, et le bouton avant est maintenant activé
• Cela signifie que le navigateur n'a pas été redirigé vers la page d'accueil. Au contraire, il a été déplacé dos de l'histoire

Conclure

Dans la partie javascript du document de la page Web, utilisez simplement le fenêtre.histoire.dos() Pour faire revenir les navigateurs à la page précédente, il avait visité. Le "fenêtre" est l'objet de fenêtre du navigateur, le "histoire" est une propriété du fenêtre objet, et dos() est la méthode qui est appliquée à l'historique pour replacer le navigateur. Cet article a utilisé un exemple étape par étape pour démontrer le fonctionnement de la fenêtre.histoire.Méthode arrière ().