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.