Botón o enlace para volver atrás en nuestro navegador, internet explorer, mozilla firefox u otros…

Bienvenidos a Ver Tutoriales, en esta ocasion os traigo un par de scripts pero muy utiles a la hora de programar.

Se trata de dos códigos javascript para añadir en vuestra página web, el primero con un simple enlace de html, el segundo con un botón.

Bueno, aclarado esto, vamos allá, primero el enlace:

<a href=”javascript:history.back(1)”>Volver</a>

y ahora el botón:

<form>

<input type=”button” value=”volver” name=”btvolver” onclick=”history.back()” />

</form>

Ni que decir, que estos códigos de javascript han de ir entre las etiquetas <body> y </body>, es decir, en el cuerpo de nuestra web.

Tambien comentaros que os puede dar algún problema con Internet Explorer 6 por tema de compatibilidades, no sé si el 7 viene solucionado, pero para poder recuperar los datos que hubieramos introducido en la web anterior, solo debemos de abrir el archivo php con el siguiente código

<? session_start();
header(‘P3P: CP=”CAO PSA OUR”‘);
header(“Cache-control: private”); // IE 6 Fix.
?>

De esta manera, si usamos el botón de atrás de nuestro navegador, o en este caso, utilizando la llamada desde javascript, conseguimos que los datos que hubiera en la página anterior estén intactos como si no hubieramos ido jamás a otra página ni hubieramos vuelto!

Nada más, si teneis cualquier duda, podeis comentarla y os ayudaré gustosamente.

Un saludo!

Te puede interesar:

6 comentarios

  • jesy commented on 20 enero, 2012 Reply

    hola tengo ese problema de compatibilidad con IE y si me funciono por que ya no me manda a la pagina expirada pero sigue sin regresar al formulario y solo poniendole onclick=”javascript:history.go(-2);” pero si lo pruebo en google chrome me regresa dos paginas… necesito algo para que funcione en los dos… graciass

    • VideoTutoriales commented on 22 enero, 2012 Reply

      Tendrás que controlar cual es el navegador que está utilizando el usuario para lanzar un evento u otro dependiendo del que utilice.

  • sergio commented on 8 marzo, 2013 Reply

    Gracias me sirvio de maravilla

    • VideoTutoriales commented on 9 marzo, 2013 Reply

      Me alegro, son pequeños códigos en javascript que nos ayudan muchísimo, este en especial para regresar el navegador a una página anterior es bastante interesante de utilizar, sobre todo si tienes paginación realizada u otras utilidades 🙂

  • ruben commented on 30 junio, 2014 Reply

    Muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *