¿Cómo hacer un enlace de retroceso HTML?

¿Cuál es la forma más sencilla de crear una <a>etiqueta que enlace a la página web anterior? Básicamente un botón de retroceso simulado, pero un hipervínculo real. Solo tecnologías del lado del cliente, por favor.

Editar
Busque soluciones que tengan el beneficio de mostrar la URL de la página en la que está a punto de hacer clic cuando se desplaza, como un hipervínculo estático normal. Prefiero no tener al usuario mirando history.go(-1)al pasar el mouse sobre un hipervínculo. Lo mejor que he encontrado hasta ahora es:

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

Es document.referrerconfiable? Cross-browser seguro? Estaré encantado de aceptar una mejor respuesta.

Y de otra manera:

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

Esta solución tiene el beneficio de mostrar la URL de la página enlazada al pasar el mouse, como la mayoría de los navegadores lo hacen de manera predeterminada, en lugar de history.go(-1)o similar:

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

La forma más fácil es usar history.go(-1);

Prueba esto:

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

puedes probar javascript

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

consulte JavaScript Botón Atrás

EDITAR

para mostrar la URL de referencia http://www.javascriptkit.com/javatutors/crossmenu2.shtml

y envíe el elemento a en onmouseover de la siguiente manera

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>

comprobar jsfiddle

Esta solución te ofrece lo mejor de ambos mundos.

• Los usuarios pueden desplazarse sobre el enlace para ver la URL
• Los usuarios no terminan con una pila corrupta

Más detalles en los comentarios del código a continuación.

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>

Para volver a la página anterior usando Anchor Tag <a>, a continuación hay 2 métodos de trabajo y de ellos, el primero es más rápido y tiene una gran ventaja al volver a la página anterior.

He intentado ambos métodos.

1)

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

El método anterior (1) funciona muy bien si ha hecho clic en un enlace y ha abierto un enlace en una pestaña nueva en la ventana del navegador actual.

2)

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

El método anterior (2) solo funciona bien si ha hecho clic en un enlace y ha abierto un enlace en una pestaña Actual en la ventana del navegador actual.

No funcionará si tiene un enlace abierto en Nueva pestaña. Aquí history.back()no funcionará si se abre el enlace en la Nueva pestaña del navegador web.

Un enlace hacia atrás es un enlace que mueve el navegador hacia atrás una página, como si el usuario hubiera hecho clic en el botón Atrás disponible en la mayoría de los navegadores. Los enlaces posteriores usan JavaScript. Mueve el navegador una página hacia atrás si su navegador admite JavaScript (lo que hace) y si admite el window.historyobjeto, lo cual es necesario para los vínculos de retroceso.

Formas simples son

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

O:

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

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

En general, no es necesario un enlace de retroceso ... el botón Atrás suele ser bastante bueno, y generalmente también puede simplemente enlazar a la página anterior de su sitio. Sin embargo, a veces es posible que desee proporcionar un enlace de regreso a una de varias páginas "anteriores", y ahí es donde un enlace de regreso es útil. Así que te remito a continuación el tutorial si quieres hacerlo de manera más avanzada:

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

prueba esto

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

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

También puede usar al history.back()costado document.write()para mostrar el enlace solo cuando realmente haya algún lugar al que volver:

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

La mejor manera de usar un botón es

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