Как можно программно создать кнопку, которая будет выполнять функцию "вернуться на предыдущую страницу"?

  • 10 сентября 2023 г. 1:16
Ответы на вопрос 2
Для создания кнопки, которая будет возвращать пользователя на предыдущую страницу, вам понадобятся знания веб-разработки. Вот пример кода на языке HTML, который создаст кнопку и добавит простейшую функцию назад в браузере:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Моя страница</title>
</head>
<body>
    <button onclick="goBack()">Назад</button>

    <script>
        function goBack() {
            window.history.back();
        }
    </script>
</body>
</html>
```

Просто добавьте этот код на вашу текущую страницу, и когда пользователь кликнет на кнопку "Назад", он будет возвращен на предыдущую страницу в истории браузера. Обратите внимание, что этот метод работает только, если у пользователя есть история просмотра страниц.

Чтобы кнопка "назад" не отображалась на главной странице, вы можете использовать условие в JavaScript, чтобы скрыть или показать кнопку в зависимости от текущей страницы. Вот пример кода, который скроет кнопку на главной странице:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Моя страница</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <button id="backButton" onclick="goBack()" class="hidden">Назад</button>

    <script>
        function goBack() {
            window.history.back();
        }

        document.addEventListener("DOMContentLoaded", function(event) { 
            var backButton = document.getElementById("backButton");
            // Условие: если URL страницы не является главной страницей, то показать кнопку
            if (window.location.href != "http://example.com") {
                backButton.classList.remove("hidden");
            }
        });
    </script>
</body>
</html>
```

В этом примере кнопка "Назад" будет скрыта (с помощью класса "hidden"), если URL текущей страницы равен "http://example.com". Вы можете заменить это условие на соответствующее URL вашей главной страницы.
Убрать кнопку возврата на предыдущую страницу на главной странице можно так:

  

Для этого можно использовать подходящий хук или вставить код в нужный шаблон.

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