Wie erstellt man einen HTML-Backlink?

Question

Was ist der einfachste Weg, eine <a> Tag, das auf die vorherige Webseite verweist? Im Grunde eine simulierte Zurück-Schaltfläche, aber ein echter Hyperlink. Bitte nur Client-seitige Technologien.

bearbeiten
Ich suche nach Lösungen, die den Vorteil haben, dass sie die URL der Seite anzeigen, auf die man klicken will, wenn man den Mauszeiger darüber bewegt, wie ein normaler, statischer Hyperlink. Ich möchte nicht, dass der Benutzer auf history.go(-1) wenn Sie den Mauszeiger über einen Hyperlink bewegen. Das Beste, was ich bis jetzt gefunden habe, ist:

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

Ist document.referrer zuverlässig? Browserübergreifend sicher? Ich bin gerne bereit, eine bessere Antwort zu akzeptieren.

Answer 1

Und auf andere Weise:

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

Answer 2

Diese Lösung hat den Vorteil, dass die URL der verlinkten Seite beim Hover angezeigt wird, wie dies bei den meisten Browsern standardmäßig der Fall ist, anstelle von history.go(-1) oder ähnlich:

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

Answer 3

Diese Lösung bietet Ihnen das Beste aus beiden Welten

• Die Nutzer können mit dem Mauszeiger über den Link fahren, um die URL zu sehen.
• Die Benutzer erhalten keinen beschädigten Backstack

Weitere Einzelheiten finden Sie in den Code-Kommentaren unten.

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>

Answer 4

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

Versuchen Sie dies:

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

Answer 5

Sie können Javascript ausprobieren

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

siehe JavaScript Zurück-Taste

EDIT

um die URL des Verweises anzuzeigen http://www.javascriptkit.com/javatutors/crossmenu2.shtml

und senden Sie das Element a selbst bei onmouseover wie folgt

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>

siehe jsfiddle