2010-06-03 65 views
8

solo quiero hacer el botón Atrás en mi sitio. una vez que haga clic en el botón, debe llevar la url a la página anterior. ¿Cómo puedo hacer esto usando jquery?volver a la página anterior

+0

¿Podría explicar lo que está buscando, por favor? Parece que estás intentando hacer que el botón Atrás vaya a un nuevo enlace. No estoy seguro. – geshafer

Respuesta

14

la respuesta por wRAR es correcta, puede usar history.back o history.go (-1). Sin embargo, si está usando ajax, es posible que necesite un poco más que eso.

Stephen Walter tiene un buen artículo sobre cómo usar jQuery, ASP.NET, and Browser History que básicamente describe cómo guardar y restaurar el estado de la aplicación usted mismo. Te recomiendo que leas.

Elijah Manor (co-presentador del podcast jQuery oficial) también ha escrito un buen article sobre este tema.

espero que esto ayude a -D

+0

Gracias por la muy buena información .. – 3gwebtrain

23
<button type="button" onclick="history.back();">Back</button> 
+1

Nota al margen: esto es directamente Javascript, no jQuery. Hay complementos completamente históricos diseñados con el marco de plugin jQuery, pero están diseñados para manejar ajax y su historial (para no romper el botón Atrás en una sola página que se comporta como tantas páginas). – justkt

4

Para JQM, esto funciona!

$(document).ready(function(){ 
    $('.backLink').click(function(){ 
     parent.history.back(); 
     return false; 
    }); 
}); 
0

creo button onclick="history.back();" es una manera de resolver el problema.Pero no podría funcionar en los siguientes casos:

  1. Si la página se actualiza o se vuelve a cargar.
  2. Si el usuario abre el enlace en una página nueva.

Para solucionar esto, puede utilizar el siguiente código si sabe a qué página debe regresar.

E.g. Si tiene un no de enlaces en una página y el botón Atrás debe usarse para regresar a esa página.

<input type="button" onclick="document.location.href='filename';" value="Back" name="button" class="btn">

0

Prueba esto: estoy usando css materializarse.

<button id="back_btn" class="btn waves-effect waves-light" name="action">Back<i class="material-icons left">chevron_left</i> 
</button> 

En el archivo de script jQuery añadir

$("#back_btn").click(function(){ 
    window.history.back(); 
}); 

dentro de la función lista de documentos.

Cuestiones relacionadas