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

HTML

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

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

Заметка

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

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

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

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

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

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

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

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

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

Ссылка на основную публикацию
Adblock
detector