Найти в Дзене
IT-Blog

Кнопка назад на сайте

Оглавление

Как сделать кнопку назад на сайте? Самый простой вариант это с помощью JavaScript-функции history. С ней можно переходить вперед, назад, обновлять страницу и делать переход на две и более страницы сразу.

Кнопка назад

Как ссылка:

<a onclick="javascript:history.back(); return false;">Назад</a>

Как кнопка:

<input type="button" onclick="history.back();" value="Назад"/>

Функцию onclick="history.back();" можно применять не только к ссылкам и кнопкам, но и к любому элементу, например к картинке или блоку:

<img src="back.jpg" onclick="history.back();" />

Возвращение на несколько страниц назад

В скобках функции history.back можно указать количество страниц, которое необходимо для перехода. В примере ссылка возвращает пользователя на две страницы назад:

<a onclick="javascript:history.back(-2); return false;">Назад</a>

Обновить страницу

<a onclick="javascript:location.reload(); return false;">Обновить</a>

Перейти вперед

<a onclick="javascript:history.forward(); return false;">Вперёд</a>

или

<a onclick="javascript:history.go(1); return false;">Вперёд</a>