wake-up-neo.com

Wie erstelle ich einen HTML-Link?

Was ist der einfachste Weg, ein <a>-Tag zu erstellen, das auf die vorherige Webseite verweist? Im Grunde ein simulierter Zurück-Button, aber ein tatsächlicher Hyperlink. Bitte nur clientseitige Technologien.

Bearbeiten
Suchen Sie nach Lösungen, die den Vorteil haben, dass die URL der Seite angezeigt wird, auf die Sie beim Schweben klicken, wie ein normaler, statischer Hyperlink. Ich möchte, dass der Benutzer nicht auf history.go(-1) schaut, wenn er auf einen Hyperlink zeigt. Das Beste, was ich bisher gefunden habe, ist:

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

Ist document.referrer zuverlässig? Browserübergreifend sicher? Gerne nehme ich eine bessere Antwort an.

javascripthtmlhyperlink
223
paislee

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

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

Und noch ein Weg:

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

Am einfachsten ist es, history.go(-1); zu verwenden.

Versuche dies:

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

sie können Javascript versuchen

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

siehe JavaScript Zurück Button

EDIT

zur Anzeige der URL von refer http://www.javascriptkit.com/javatutors/crossmenu2.shtml

und sende das Element selbst in 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>

check jsfiddle

35
Hemant Metalia

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

Einfache Wege sind

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

ODER:

function goBack() {
  window.history.back()
}
<a href="#" onclick="goBack()" />Go Back</a>

Im Allgemeinen ist ein Backlink nicht erforderlich. In der Regel reicht der Zurück-Button aus, und in der Regel können Sie auch einfach auf die vorherige Seite Ihrer Site verlinken. Manchmal möchten Sie jedoch möglicherweise einen Link zu einer von mehreren "vorherigen" Seiten bereitstellen, und hier ist ein Backlink hilfreich. Deshalb verweise ich Sie unter Tutorial, wenn Sie auf fortgeschrittenere Weise tun möchten:

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

18
user319198

Diese Lösung bietet Ihnen das Beste aus beiden Welten

  • Benutzer können sich über den Link bewegen, um die URL anzuzeigen 
  • Benutzer erhalten keinen beschädigten Back-Stack

Weitere Details finden Sie in den folgenden Code-Kommentaren.

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();
}
<a id="back-link">back</a>

15
Vivek Maharajh

Einfachste Möglichkeit, Ihren Browser mit der vorherigen Seite zu verknüpfen.

<a href="javascript:history.back()">Back</a>
8
Siva Ganesh
<a href="javascript:history.go(-1)">Go Back</a>
7
Neha Sharma

versuche dies

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

Für die Rückkehr zur vorherigen Seite mit Anchor Tag <a> sind unten zwei Arbeitsmethoden angegeben, und 1. ist schneller und hat einen großen Vorteil, um zurückzugehen zur vorherigen Seite.

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 und geöffneter Link in einem neuen Tab im aktuellen Browserfenster geklickt haben.

2)

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

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

Es funktioniert nicht, wenn Sie einen Link in der neuen Registerkarte haben. Hier funktioniert history.back() nicht, wenn der Link im neuen Tab des Webbrowsers geöffnet wird.

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

Sie können auch history.back() zusammen mit document.write() verwenden, um den Link nur anzuzeigen, wenn tatsächlich ein Ort ist, an den Sie zurückkehren können:

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