Как настроить переход по любым кнопкам на одну и ту же ссылку на веб-сайте?

Здравствуйте. Я ищу способ перенаправлять все кликабельные элементы на сайте на одну конкретную ссылку. Сайт построен на основе чужого кода с использованием множества классов в CSS. Каким образом я могу достичь этого без особого опыта в программировании?
  • 27 января 2024 г. 15:18
Ответы на вопрос 2
Если вы хотите настроить переход по любым кнопкам или кликабельным элементам на одну и ту же ссылку, без глубоких знаний в веб-разработке, можно использовать простой скрипт на языке JavaScript. Однако отмечу, что это не является обычной практикой, и такие действия могут сбивать с толку пользователей вашего сайта. Тем не менее, вот пример кода, который вы можете использовать:

1. Откройте HTML-файл вашей веб-страницы.
2. Вставьте следующий скрипт перед закрывающим тегом `</body>`:

```html
<script>
document.addEventListener('DOMContentLoaded', function() {
    var allClickableElements = document.querySelectorAll('a, button, input[type="submit"], input[type="button"], .clickable'); // Добавьте все селекторы, которые могут быть кликабельными

    for (var i = 0; i < allClickableElements.length; i++) {
        allClickableElements[i].addEventListener('click', function(event) {
            event.preventDefault(); // Предотвращает стандартное поведение элемента
            window.location.href = 'http://your-redirect-url.com'; // Замените URL на вашу ссылку
        });
    }
});
</script>
```

В этом коде используется `document.querySelectorAll` для выбора всех элементов, которые могут быть кликабельными, и `addEventListener` для добавления обработчика событий клика, который затем перенаправляет пользователя на указанный URL. Вы можете изменить селекторы в `querySelectorAll`, чтобы он соответствовал вашим потребностям.

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

Будьте осторожны с использованием такого подхода и протестируйте его внимательно. В некоторых случаях лучше внести изменения вручную для каждой кнопки или ссылки, пусть это и займёт больше времени.
Я удивлён, что на такой лёгкий вопрос не ответили в течении 1ч. 

Можно использовать Jquery , чтобы было удобнее:

Похожие вопросы