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

Для этого можно использовать методы 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)
}
Пример