Wie man ein HTML-link zurück?

Was ist die einfachste Möglichkeit zum erstellen eines <a> - Tags, die links zur vorherigen web-Seite? Im Grunde eine simulierte zurück-button, sondern eine tatsächliche hyperlink. Client-side Technologien, die nur, bitte.

Bearbeiten

Auf der Suche nach Lösungen, die den Vorteil haben, zeigt die URL der Seite, die Sie gerade klicken Sie auf, wenn die Maus, wie eine normale, statische hyperlink. Ich würde eher nicht die Benutzer suchen auf history.go(-1) wenn die Maus auf einen hyperlink. Besten, die ich bisher gefunden habe, ist:

HTML:

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

Ist document.referrer zuverlässig? Cross-browser-sicher? Ich werde glücklich sein, zu akzeptieren, eine bessere Antwort.

JavaScript ist eine client-side-Technologie, die einige Kunden (wie ich) nur wählen, um es zu deaktivieren (standardmäßig aktiviert). Das ist die macht des Kunden! 😀 Aber ja, es gibt keine Möglichkeit für HTML-Code auf Ihrer eigenen zu bestimmen, was die Vorherige Seite war.

InformationsquelleAutor paislee | 2012-01-11

459

Und ein anderer Weg:

HTML:
```
<a href="javascript:history.back()">Go Back</a>
```
- Und für einen button: <button type="button" onclick="javascript:history.back()">Back</button>
- Ein Nachteil dieses Ansatzes ist, dass die standard-browser-Funktionen wie "schweben zu sehen-URL" und der rechten Maustaste -> link kopieren gebrochen.
- Ich denke, es geht mehr um die Semantik. Ein zurück-button "ist passender als ein zurück "- link". Beide Optionen sind toll und beide Möglichkeiten sind richtig auf Ihre eigene Weise.
InformationsquelleAutor Bajrang
103

Diese Lösung hat den Vorteil, zeigen Sie die URL der verlinkten Seite zu schweben, da die meisten Browser standardmäßig, statt history.go(-1) oder ähnliches:
```
<script>
    document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>
```
- Dies hat auch den Vorteil, deckt den Fall, dass die aufgerufene Seite geöffnet mit einem target="_blank" - Attribut für den link, das history.go(-1) nicht.
- Diese Lösung verliert der link zum Teil nach #, der 'javascript:history.back () " funktioniert korrekt.
- Der Nachteil dieser Lösung ist, dass Sie nicht in der Lage, zurück zu gehen mehr als eine Seite. Beispiel: navigieren Sie zu den Seiten a,b,c,d - drücken Sie zurück Taste wiederholt, c -, d -, c -, d -, c -, d -. Vergleichen Sie dies mit .Geschichte.zurück() a,b,c,d, drücken Sie zurück Taste wiederholt, d,c,b,a
- Wie kann ich es so machen, dass im Falle gibt es kein zurück Seite dann umleiten auf eine Feste url history.back() || "myaction/mycontroller"
- Ich habe angesprochen, dies in eine neue Antwort (die auch erfüllt "show URL" - Anforderung.
InformationsquelleAutor paislee
37

Der einfachste Weg ist die Verwendung history.go(-1);

Versuchen Sie dies:

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

können Sie versuchen, javascript -
```
<A HREF="javascript:history.go(-1)">
```
finden JavaScript
Zurück-Taste

BEARBEITEN

anzeigen url finden http://www.javascriptkit.com/javatutors/crossmenu2.shtml

und senden das element a selbst bei onmouseover-wie folgt

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>
```
überprüfen jsfiddle
- Das ist nicht eine <a> tag.
- können Sie erklären, dass die Letzte änderung? ich will einfach nur ein normaler link, wie er zeigt, in die Unterseite der meisten Browser.
- wie alle browser zeigt für alle für, dass Sie nicht brauchen, etwas zu tun, aber wenn Sie wollen zeigen Sie in Ihrem eigenen div-Element können Sie einen div tabledescription irgendwo in eine Seite zu zeigen, einen link auf die Maus über der Anker-tag
InformationsquelleAutor Hemant Metalia

Diese Lösung bietet Ihnen das beste aus beiden Welten

User den Mauszeiger über den link um zu sehen, die URL
Benutzer am Ende nicht mit einem beschädigten back-stack

Mehr details in den code-Kommentaren.

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>

Genial Antwort. Ich benutze das in fast allen meinen knockout-Projekte im Rahmen von custom Bindung.
Super Antwort! Ich hatte, um return false; zu der onclick-Funktion in Chrome, um es zu halten hinzufügen der aktuellen Seite, um die browser-history.

InformationsquelleAutor Vivek Maharajh

18

Einen back-link ist ein link, bewegt sich der browser, rückwärts, ein-Seite, als hätte der Benutzer geklickt die Schaltfläche Zurück, in den meisten Browsern. Zurück links, die JavaScript verwenden. Es verschiebt den browser eine Seite zurück, wenn Ihr browser JavaScript unterstützt (das tut es) und wenn es unterstützt die window.history Objekt, die notwendig ist für hinten links.

Einfache Wege
```
<a href="#" onClick="history.go(-1)">Go Back</a>
```
ODER:

JS:
```
function goBack() {
  window.history.back()
}
```
HTML:
```
<a href="#" onclick="goBack()" />Go Back</a>
```
Im Allgemeinen ein Backlink ist nicht notwendig... die Zurück-Taste reicht in der Regel ganz gut, und in der Regel können Sie auch einfach einen link zu der vorherigen Seite in Ihre Website. Aber manchmal möchten Sie vielleicht, um einen link zurück auf eine von mehreren "früheren" Seiten, und das ist, wo ein link zurück kommt in handliches. Daher Verweise ich Euch im folgenden tutorial, wenn Sie wollen in modernere Art:

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html
- Im Gegensatz zu den meisten gestimmt Lösung, so bleibt die scroll-position der Nutzer hatte.
- können Sie bieten Unterstützung für die Aussage? Sie sollte identisch sein: w3schools.com/jsref/met_his_back.asp
InformationsquelleAutor
12

Zurück zur vorherigen Seite mit Anker-Tag <a>, unten sind 2 Arbeitsmethoden und aus Ihnen 1. eine ist schneller und haben einen großen Vorteil gehen Sie zurück zur vorherigen Seite.

Habe ich versucht, beide Methoden.

1)
```
<a href="#" onclick="location.href = document.referrer; return false;">Go Back</a>
```
Obigen Verfahren (1) funktioniert großartig, wenn man auf einen link geklickt und geöffnet link in einem Neuen Tab im aktuellen browser-Fenster.

2)
```
<a href="javascript:history.back()">Go Back</a>
```
Obigen Methode (2) funktioniert nur ok ist, wenn Sie auf einen link geklickt und geöffnet link im Aktuellen Tab im aktuellen browser-Fenster.

Wird es nicht funktionieren, wenn Sie open link in New Tab. Hier history.back() wird nicht funktionieren, wenn link öffnet sich im Neuen Tab der web-browser.
- Diese Antwort verdient mehr upvotes.
InformationsquelleAutor Viren

versuchen, diese

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

InformationsquelleAutor mack

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

InformationsquelleAutor Roee Gavirel

1

Können Sie auch history.back() neben document.write() zeigen link nur, wenn es tatsächlich irgendwo hin zu gehen zurück zu:
```
<script>
  if (history.length > 1) {
    document.write('<a href="javascript:history.back()">Go back</a>');
  }
</script>
```
- document.write überschreibt alles auf der Seite. Warum würden Sie immer nutzen?
- Sie müssen führen Sie dieses Skript aus, während die Seite noch geladen wird.
InformationsquelleAutor Leonid Vasilev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.