Comment faire un HTML des liens de retour?

Quelle est la façon la plus simple de créer un <a> balise de liens à la page web précédente? Fondamentalement, une simulation de bouton de retour, mais un lien hypertexte réel. Technologies côté Client seulement, s'il vous plaît.

Modifier

À la recherche de solutions qui ont l'avantage d'afficher l'URL de la page que vous êtes sur le point de cliquer sur quand en vol stationnaire, comme un normal, un lien hypertexte statique. Je préfère ne pas avoir à l'utilisateur de regarder history.go(-1) lorsque vous passez la souris sur un lien hypertexte. Meilleure que j'ai trouvé jusqu'à présent est:

HTML:

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

Est document.referrer fiable? Croix-navigateur sécuritaire? Je serai heureux d'accepter une meilleure réponse.

JavaScript est une technologie côté client, certains clients (comme moi) il suffit de choisir de le désactiver (par défaut). C'est le pouvoir de la client! 😀 Mais oui, il n'y a aucun moyen pour HTML sur sa propre à déterminer ce que la page précédente a été.

InformationsquelleAutor paislee | 2012-01-11

448

Et d'une autre manière:

HTML:
```
<a href="javascript:history.back()">Go Back</a>
```
- Et pour un bouton: <button type="button" onclick="javascript:history.back()">Back</button>
- Un inconvénient de cette approche est que le navigateur standard des fonctionnalités telles que "passez la souris pour voir l'URL" et faites un clic droit -> copier le lien sera rompu.
- Je pense que c'est plus une question de sémantique. Un aller retour "bouton" est plus susceptible que d'un aller retour "lien". Les deux options sont grands et les deux options sont corrects dans leur propre chemin.
InformationsquelleAutor Bajrang
102

Cette solution a l'avantage d'afficher l'URL de la page sur le vol stationnaire, comme la plupart des navigateurs par défaut, au lieu de history.go(-1) ou similaires:
```
<script>
  document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>
```
- Cela a aussi l'avantage de couvrir le cas que la page s'est ouverte avec un target="_blank" attribut sur le lien qui history.go(-1) ne le fait pas.
- Cette solution perd le lien suivant #, le " javascript:history.back () " fonctionne correctement.
- L'inconvénient de cette solution est que vous ne serez pas en mesure de retourner plus d'une page. Exemple; accéder à des pages a,b,c,d - appuyez sur le bouton retour à plusieurs reprises, c,d,c,d,c,d. Comparez cela à .l'histoire.back() a,b,c,d appuyez sur la touche back touche d,c,b,a
- Comment puis-je faire en sorte que dans le cas où il n'y a pas de page, puis rediriger vers une correction de l'url history.back() || "myaction/mycontroller"
- J'ai abordé cette question dans une nouvelle réponse (qui satisfait également le "spectacle" URL de l'exigence.
InformationsquelleAutor paislee
35

Le plus simple est d'utiliser history.go(-1);

Essayez ceci:

HTML:
```
<a href="#" onclick="history.go(-1)">Go Back</a>
```
InformationsquelleAutor apiguy
34

vous pouvez essayer de javascript
```
<A HREF="javascript:history.go(-1)">
```
reportez-vous JavaScript
Bouton De Retour

MODIFIER

pour afficher l'url de consulter http://www.javascriptkit.com/javatutors/crossmenu2.shtml

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

JS:
```
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)
}
```
HTML:
```
 <a href="http://www.javascriptkit.com" onMouseover="showtext(this)" onMouseout="hidetext()">JavaScript Kit</a>
```
vérifier jsfiddle
- Ce n'est pas un <a> tag.
- pouvez-vous expliquer que la dernière édition? je veux juste un lien normal, comme il le montre dans le fond de la plupart des navigateurs.
- comme tous les navigateur affiche pour tous pour que vous n'ayez rien à faire, mais si vous voulez afficher dans votre propre div vous pouvez spécifier un div tabledescription n'importe où dans une page pour afficher un lien sur la souris au-dessus de la balise d'ancrage
InformationsquelleAutor Hemant Metalia

Cette solution vous donne le meilleur des deux mondes

Les internautes à obtenir passez la souris sur le lien pour voir l'URL
Utilisateurs de ne pas finir avec un corrompu arrière de la pile de

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

JS:

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;
}

HTML:

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

Réponse impressionnante. - Je l'utiliser dans presque tous mes knock-out projets dans le cadre de la liaison personnalisée.
Super réponse! J'ai dû ajouter return false; à la fonction onclick en Chrome pour le garder de l'ajout de la page de l'historique du navigateur.

InformationsquelleAutor Vivek Maharajh

18

Un lien est un lien qui se déplace le navigateur en arrière d'une page, comme si l'utilisateur avait cliqué sur le bouton de Retour disponible dans la plupart des navigateurs. Des liens de retour l'utilisation de JavaScript. Il se déplace le navigateur en arrière d'une page si votre navigateur supporte JavaScript (ce qu'il fait) et si elle prend en charge la window.history objet, ce qui est nécessaire pour des liens de retour.

Moyens simples sont
```
<a href="#" onClick="history.go(-1)">Go Back</a>
```
OU:

JS:
```
function goBack() {
  window.history.back()
}
```
HTML:
```
<a href="#" onclick="goBack()" />Go Back</a>
```
En général un lien de retour n'est pas nécessaire... le bouton de Retour suffit le plus souvent tout à fait bien, et le plus souvent vous pouvez aussi tout simplement un lien à la page précédente de votre site. Cependant, parfois, vous voudrez peut-être fournir un lien vers l'un de plusieurs "précédent", pages, et c'est là un lien de retour est très pratique. Donc je vous renvoie ci-dessous tutoriel si vous voulez faire de manière plus avancée:

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html
- Contrairement à la majorité a voté la solution, cela maintient la position de défilement de l'utilisateur.
- pouvez-vous fournir un soutien pour la déclaration? ils doivent être identiques: w3schools.com/jsref/met_his_back.asp
InformationsquelleAutor
8

Pour revenir à la page précédente à l'aide de Balise d'Ancrage <a>, ci-dessous sont 2 méthodes de travail et de leur 1er est plus rapide et ont un grand avantage de 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>
```
Méthode ci-dessus (1) fonctionne très bien si vous avez cliqué sur un lien et ouvre le lien dans un Nouvel Onglet dans la fenêtre active du navigateur.

2)
```
<a href="javascript:history.back()">Go Back</a>
```
Méthode ci-dessus (2) fonctionne uniquement sur ok si vous avez cliqué sur un lien et ouvre le lien dans un Onglet en cours dans la fenêtre active du navigateur.

Il ne fonctionnera pas si vous devez ouvrir le lien dans un Nouvel Onglet. Ici history.back() ne fonctionnera pas si le lien est ouvert dans un Nouvel Onglet de navigateur web.
- Cette réponse mérite plus upvotes.
InformationsquelleAutor Viren Panchal

essayer cette

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

InformationsquelleAutor mack

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

InformationsquelleAutor Roee Gavirel

1

Vous pouvez également utiliser history.back() aux côtés de document.write() de lien afficher seulement quand il est en fait quelque part à retourner à:
```
<script>
  if (history.length > 1) {
    document.write('<a href="javascript:history.back()">Go back</a>');
  }
</script>
```
- document.write écrase tout sur la page. Pourquoi voudriez-vous jamais utiliser?
- Vous devez exécuter ce script alors que la page est toujours en cours de chargement.
InformationsquelleAutor Leonid Vasilev

Vous devez vous connecter pour publier un commentaire.