javascript - que - hipervinculos en html ejemplos

¿Cómo hacer un enlace HTML atrás?

Question

¿Cuál es la forma más sencilla de crear una etiqueta <a> que enlaza con 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 la ventaja 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 que el usuario no busque en history.go(-1) cuando se desplaza 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.referrer confiable? ¿Es seguro el navegador cruzado? Estaré feliz de aceptar una mejor respuesta.

Answer 1

La forma más fácil de vincular su navegador a la página anterior.

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

Answer 2

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 dañada

Más detalles en el código de comentarios 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();
}

<a id="back-link">back</a>

Answer 3

Esta solución tiene la ventaja de mostrar la URL de la página enlazada a, al igual que la mayoría de los navegadores, por defecto, en lugar de history.go(-1) o similar:

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

Answer 4

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

Prueba esto:

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

Answer 5

También puede usar history.back() junto con document.write() para mostrar el enlace solo cuando en realidad haya un lugar para volver a:

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

Answer 6

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 de vuelta usan JavaScript. Mueve el navegador hacia atrás una página si su navegador soporta JavaScript (que lo hace) y si soporta el objeto window.history , que es necesario para los enlaces hacia atrás.

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, por lo general, también puede enlazar a la página anterior de su sitio. Sin embargo, a veces es posible que desee proporcionar un enlace a una de varias páginas "anteriores", y ahí es donde un enlace de vuelta es útil. Así que te remito a continuación tutorial si quieres hacer de forma más avanzada:

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

Answer 7

Y de otra manera:

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

Answer 8

prueba esto

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

Answer 9

puedes probar javascript

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

Consulte el botón Atrás de JavaScript

EDITAR

para mostrar la url de refer http://www.javascriptkit.com/javatutors/crossmenu2.shtml

y enviar el elemento a sí mismo en onmouseover como sigue

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>

Compruebe jsfiddle

Answer 10

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

Answer 11

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