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)
}

Пример

Нет комментариев

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


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