Создание кнопки возврата HTML

Добавить кнопку «Назад» на вашу веб-страницу очень просто. Когда посетитель вашей страницы нажимает кнопку, он будет перенаправлен на последнюю страницу, которую он посетил, точно так же, как если бы он нажал кнопку «Назад» в своем браузере.

Вы можете сделать это, отредактировав HTML-код своей страницы и добавив немного JavaScript.

Примечание. Эти кнопки не будут работать, если у пользователя нет истории просмотра. Например, если пользователь открывает вашу страницу в новой вкладке или окне браузера, ничего не произойдет, когда он нажмет кнопку.

Использование history.back

В веб-браузере во встроенном окне объекта JavaScript есть объект с именем history, который содержит URL-адреса, которые пользователь посетил в своем текущем окне браузера. Вы можете использовать метод history.back (), чтобы сообщить браузеру вернуться на предыдущую страницу пользователя.

Простой способ использовать этот JavaScript - добавить его в атрибут события onclick кнопки. Здесь мы создадим кнопку, используя элемент, содержащий элемент типа кнопки .

Вставьте следующий HTML-код на свою веб-страницу:

Результат будет выглядеть как кнопка ниже. Если вы щелкните по нему, вы вернетесь к предыдущей странице в своей истории.

Использование history.go

Метод history.go () говорит браузеру перейти на определенную страницу в истории просмотров пользователя. Вы можете указать, какой элемент истории, поместив число в скобках. В компьютерном программировании это называется аргументом.

Если в качестве аргумента указать число -1, браузер вернется на одну страницу назад в истории браузера. Вот тот же код, что и выше, с использованием history.go (-1) вместо history.back () .