384 Stimmen

Wie erstellt man einen HTML-Backlink?

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.

37voto

G_real Punkte 1047

Zurück zur vorherigen Seite mit dem Anchor Tag <a> Im Folgenden finden Sie 2 Arbeitsmethoden, von denen 1. es schneller und haben ein großer Vorteil um zur vorherigen Seite zurückzukehren.

Ich habe beide Methoden ausprobiert.

1)

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

Die obige Methode (1) funktioniert gut, wenn Sie auf einen Link geklickt haben und Link in einer neuen Registerkarte geöffnet im aktuellen Browserfenster.

2)

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

Die obige Methode (2) funktioniert nur, wenn Sie auf einen Link geklickt haben und geöffneter Link in einer aktuellen Registerkarte im aktuellen Browserfenster.

Es wird nicht funktionieren, wenn Sie den Link in einem neuen Tab öffnen. Hier history.back() funktioniert nicht, wenn der Link in einem neuen Tab des Webbrowsers geöffnet wird.

20voto

Ein Zurück-Link ist ein Link, der den Browser eine Seite zurückbewegt, so als ob der Benutzer auf die in den meisten Browsern verfügbare Schaltfläche Zurück geklickt hätte. Zurück-Links verwenden JavaScript. Er bewegt den Browser um eine Seite zurück, wenn Ihr Browser JavaScript unterstützt (was er tut) und wenn er die window.history Objekt, das für Backlinks erforderlich ist.

Einfache Wege sind

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

OR:

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

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

Im Allgemeinen ist ein Backlink nicht notwendig die Schaltfläche "Zurück" reicht in der Regel völlig aus, und normalerweise können Sie auch einfach auf die vorherige Seite Ihrer Website verlinken. Manchmal möchten Sie aber vielleicht einen Link zu einer von mehreren "vorherigen" Seiten einrichten, und da ist ein Backlink sehr nützlich. Daher verweise ich Sie auf das folgende Tutorial, wenn Sie dies auf fortgeschrittenere Weise tun möchten:

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

9voto

mack Punkte 1708

Versuchen Sie dies

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

7voto

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

6voto

Ashutosh K Singh Punkte 181

Die beste Methode ist die Verwendung einer Schaltfläche

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

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X