2010-06-03 6 views
8

только я хочу сделать кнопку возврата на моем сайте. как только я нажму кнопку, вам нужно взять URL-адрес на предыдущую страницу. как я могу сделать это с помощью jquery?вернуться на предыдущую страницу

+0

Не могли бы вы рассказать о том, что вы ищете, пожалуйста? Похоже, вы пытаетесь сделать обратную кнопку goto новой ссылкой? Я не уверен. – geshafer

ответ

14

ответ wRAR верен, вы можете использовать history.back или history.go (-1). Однако, если вы используете ajax, вам может понадобиться немного больше.

У Стивена Уолтера хорошая статья о том, как использовать jQuery, ASP.NET, and Browser History, который в основном описывает, как сохранить и восстановить состояние приложения самостоятельно. Я рекомендую вам прочитать.

Elijah Manor (со-хозяин Официального подкаста jQuery) также написал хороший article по этой теме.

Я надеюсь, что это помогает -D

+0

Спасибо за предоставленную очень хорошую информацию .. – 3gwebtrain

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

Боковое примечание: это прямой Javascript, а не jQuery. Существуют плагины истории, разработанные с использованием фреймворка jQuery, но они предназначены для обработки ajax и вашей истории (чтобы не сломать кнопку «Назад» на одной странице, которая ведет себя так, как многие страницы). – justkt

4

Для JQM, это работает!

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

Я думаю button onclick="history.back();" это один из способов решить problem.but он не может работать в следующих случаях:

  1. Если страница получает обновляется или перезагружается.
  2. Если пользователь открывает ссылку на новой странице.

Чтобы преодолеть это, можно использовать следующий код, если вы знаете, на какой странице вы должны вернуться.

E.g. Если у вас нет ссылок на одной странице, и для возврата к этой странице используется кнопка «Назад».

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

0

Попробуйте это: я использую материализовать CSS.

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

В файле сценария JQuery добавить

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

в готовой функции документа.

Смежные вопросы