JavaScript: как сделать кнопки «Назад» и «Вперёд»?

Вопрос

Как на JavaScript сделать кнопки для перехода на страницу назад и на страницу вперёд (аналоги кнопок в браузере возле адресной строки)?


Ответ №1

Для этого можно использовать методы window.history.back() (назад) или window.history.forward() (вперёд). Они работают во всех основных браузерах.

<input type="button" value="window.history.forward()" onclick="goForward()" />
<input type="button" value="window.history.back()" onclick="goBack()" />
function goForward()
{
    window.history.forward();
}
function goBack()
{
    window.history.back()
}

В том, как это работает, можно убедиться ниже. Для этого необходимо, чтобы кнопки «Назад» и «Вперёд» были активны в Вашем браузере (можно с этого места открыть любую другую страницу этого сайта, а затем нажать «Назад», чтобы кнопка «Вперёд» стала активной).

Пример

Также можно использовать функцию window.history.go(), которая принимает один аргумент - целое число, которое означает, на сколько страниц необходимо перейти. Если аргумент положительный, переход осуществляется вперед, если отрицательный, то назад.

<input type="button" value="window.history.go(1)" onclick="forwardGo()" />
<input type="button" value="window.history.go(-1)" onclick="backGo()" />
function forwardGo()
{
    window.history.go(1);
}
function backGo()
{
    window.history.go(-1)
}

Пример

1 комментарий

  • Stepantig:

    Уникальная сборка инфы по вопросам Безопасности Бизнеса в РФ.

    vse-o-nallogax-biznesmenu2017.cf

    Вся важная руководителю информация в одном издании.
    УК КоАП статьи и санкции, пояснения и комментарии.
    Отличия проведения проверок и ревизий правоохранительными органами.
    Все детали о милицейских и налоговых проверках.
    Законные алгоритмы противодействия необоснованным притязаниям правоохранительных и контролирующих структур.
    Рекомендаии адвоката по защите интересов руководителя, бизнеса и сотрудников.

Добавить комментарий


(обязательно)