Onclick javascript, щоб змусити браузер повернутися до попередньої сторінки?


Відповіді:


446

Додайте це у вхідний елемент

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

52
Для мене це працює не у всіх браузерах, мені довелося виконати наступне. <input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />Ця відповідь досить стара, тому це могло бути проблемою, впровадженою у більш сучасні версії браузерів. :)
ctrlplusb

4
Це відображає попередню сторінку з кеша чи перезавантажує попередню сторінку з сервера?
Адрієн

7
У чому action="action"роль? І чи дійсно html ??
заборона-геоінженерія

@Adrien - його javascript, тому він працює в браузері. Веб-переглядач повинен повторно використовувати кешовану сторінку (якщо припустимо, що параметри браузера та параметри заголовка сторінки дозволяють це робити)
ToolmakerSteve

Зауважте, що вбудований JS не повинен використовуватися у виробництві, оскільки: 1. Код JS повинен бути у виділених та мінімізованих .jsфайлах 2. вбудований JS повинен бути відключений через Політику безпеки вмісту для пом'якшення ін'єкцій XSS
Феофанія

120
history.back()

або

history.go(-1)

Покладіть це на onclickручку кнопки . Це повинно виглядати так:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

11
Покладіть це на кнопку на ручці Клацання
Вадим

7
Ви могли б бути більш зрозумілими, як відповідь у коді
WowThatsLoud

3
Яка підтримка браузера на цьому?
Коста

98

Для переходу на попередню сторінку

Перший метод

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

Другий метод

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

якщо ми хочемо більше, ніж на один крок назад, тоді збільшуємось

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

2
@JeromeJ - це посилання, яке нічого не робить, якщо JavaScript не ввімкнено / працює (з будь-якої причини) на сторінці. Якщо JavaScript працює, він поверне браузер на одну сторінку.
Jeromy French

14
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 


12

Найкоротший все ж!

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

Я віддаю перевагу .go(-number)методу, як тоді, для 1 або багатьох "зворотних" є лише 1 метод для використання / запам'ятовування / оновлення / пошуку тощо.

Також використання тегу для кнопки "назад" видається більш доцільним, ніж теги з іменами та типами ...



8

Простий. Один рядок.

<button onclick="javascript:window.history.back();">Go Back</button>

Як і відповідь Віма та Маліка, але лише в одному рядку.


Працює чудово, але часто, якщо користувач вирішить змінити мову на певній сторінці за допомогою цієї кнопки, кнопка "Назад" на попередню сторінку поверне мову назад замість сторінки ...
Marek Bernád

6

Це єдине, що працює у всіх поточних браузерах:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>

6

Працює для мене щоразу

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.