Comment faire un lien de retour HTML?

Quelle est la façon la plus simple de créer une <a>balise qui renvoie à la page Web précédente? Fondamentalement, un bouton de retour simulé, mais un véritable lien hypertexte. Technologies côté client uniquement, s'il vous plaît.

Modifier
Vous recherchez des solutions qui ont l'avantage d'afficher l'URL de la page sur laquelle vous êtes sur le point de cliquer lorsque vous survolez, comme un lien hypertexte normal et statique. Je préfère que l'utilisateur ne regarde pas en history.go(-1)survolant un lien hypertexte. Le meilleur que j'ai trouvé jusqu'à présent est:

<script>
  document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

Est document.referrerfiable? Sécurité multi-navigateur? Je serai heureux d'accepter une meilleure réponse.

Et une autre façon:

<a href="javascript:history.back()">Go Back</a>

Cette solution a l'avantage d'afficher l'URL de la page liée au survol, comme la plupart des navigateurs le font par défaut, au lieu de history.go(-1)ou similaire:

<script>
    document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

La façon la plus simple est d'utiliser history.go(-1);

Essaye ça:

<a href="#" onclick="history.go(-1)">Go Back</a>

vous pouvez essayer javascript

<A HREF="javascript:history.go(-1)">

reportez-vous au bouton Retour JavaScript

ÉDITER

pour afficher l'URL de référence http://www.javascriptkit.com/javatutors/crossmenu2.shtml

et envoyer l'élément a lui-même dans onmouseover comme suit

function showtext(thetext) {
  if (!document.getElementById)
    return
  textcontainerobj = document.getElementById("tabledescription")
  browserdetect = textcontainerobj.filters ? "ie" : typeof textcontainerobj.style.MozOpacity == "string" ? "mozilla" : ""
  instantset(baseopacity)
  document.getElementById("tabledescription").innerHTML = thetext.href
  highlighting = setInterval("gradualfade(textcontainerobj)", 50)
}

 <a href="http://www.javascriptkit.com" onMouseover="showtext(this)" onMouseout="hidetext()">JavaScript Kit</a>

vérifier jsfiddle

Cette solution vous offre le meilleur des deux mondes

• Les utilisateurs survolent le lien pour voir l'URL
• Les utilisateurs ne se retrouvent pas avec un back-stack corrompu

Plus de détails dans les commentaires de code ci-dessous.

var element = document.getElementById('back-link');

// Provide a standard href to facilitate standard browser features such as 
//  - Hover to see link
//  - Right click and copy link
//  - Right click and open in new tab
element.setAttribute('href', document.referrer);

// We can't let the browser use the above href for navigation. If it does, 
// the browser will think that it is a regular link, and place the current 
// page on the browser history, so that if the user clicks "back" again,
// it'll actually return to this page. We need to perform a native back to
// integrate properly into the browser's history behavior
element.onclick = function() {
  history.back();
  return false;
}

<a id="back-link">back</a>

Pour revenir à la page précédente en utilisant Anchor Tag <a>, voici 2 méthodes de travail et parmi elles la 1ère est plus rapide et a un grand avantage à revenir à la page précédente.

J'ai essayé les deux méthodes.

1)

<a href="#" onclick="location.href = document.referrer; return false;">Go Back</a>

La méthode ci-dessus (1) fonctionne très bien si vous avez cliqué sur un lien et ouvert le lien dans un nouvel onglet dans la fenêtre actuelle du navigateur.

2)

<a href="javascript:history.back()">Go Back</a>

La méthode ci-dessus (2) ne fonctionne correctement que si vous avez cliqué sur un lien et ouvert le lien dans un onglet actuel dans la fenêtre du navigateur actuel.

Cela ne fonctionnera pas si vous avez un lien ouvert dans le nouvel onglet. Ici, history.back()cela ne fonctionnera pas si le lien est ouvert dans le nouvel onglet du navigateur Web.

Un lien de retour est un lien qui fait reculer le navigateur d'une page, comme si l'utilisateur avait cliqué sur le bouton Retour disponible dans la plupart des navigateurs. Les liens de retour utilisent JavaScript. Il recule le navigateur d'une page si votre navigateur prend en charge JavaScript (ce qu'il fait) et s'il prend en charge lewindow.history objet, ce qui est nécessaire pour les liens de retour.

Des moyens simples sont

<a href="#" onClick="history.go(-1)">Go Back</a>

OU:

function goBack() {
  window.history.back()
}

<a href="#" onclick="goBack()" />Go Back</a>

De manière générale, un lien arrière n'est pas nécessaire… le bouton Retour suffit généralement assez bien, et vous pouvez également simplement créer un lien vers la page précédente de votre site. Cependant, parfois, vous souhaiterez peut-être fournir un lien vers l'une des pages "précédentes", et c'est là qu'un lien de retour est utile. Je vous réfère donc ci-dessous au tutoriel si vous souhaitez le faire de manière plus avancée:

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html

essaye ça

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

<a href="#" onclick="history.back();">Back</a>

Vous pouvez également utiliser à history.back()côté document.write()pour afficher le lien uniquement lorsqu'il existe réellement un endroit où revenir:

<script>
  if (history.length > 1) {
    document.write('<a href="javascript:history.back()">Go back</a>');
  }
</script>

La meilleure façon d'utiliser un bouton est

<input type= 'button' onclick='javascript:history.back();return false;' value='Back'>