Давайте Создадим Что-то Исключительное!

WebGate - это не просто студия дизайна; мы ваш партнер в цифровой трансформации. Будь то запуск нового веб-приложения, ребрендинг вашего бренда или адаптация к мобильной эре, у нас есть знания, чтобы воплотить ваше видение в жизнь. Готовы поднять ваше онлайн-присутствие на новый уровень?

Share on Facebook Share on Facebook icon Share on Twitter Twitter share icon

Заменить все ссылки на странице javascript jquery

Заменить все ссылки на странице javascript jquery thumb

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

Замена ссылок с исключениями

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


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // Перебираем все теги <a> на странице
    $('a').each(function (index) {
       // Проверяем, не содержит ли href указанный домен
       if (this.href.indexOf("http://vse-ssilki-.krome") != 0) {
           // Заменяем href на новый URL
           this.href = "http://menjaem-na-etot.domen/";
       }
    }); 
});
</script>

    
Узнать больше о методе .each()

Замена всех ссылок без исключений

Во втором примере мы просто заменяем все ссылки на странице на новый URL. Это может быть полезно для глобальной перенастройки всех ссылок на временный или новый ресурс.


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // Перебираем каждый тег <a> на странице
    $('a').each(function (index) {
        // Заменяем href на новый URL
        this.href = "http://menjaem-na-etot.domen/chelovekopriyatniy-url/";
    }); 
});
</script>

    
Узнать больше о методе .attr()

Реализация на чистом JavaScript

Для тех, кто предпочитает не использовать jQuery, вот как можно достичь того же результата с помощью чистого JavaScript:


<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    // Получаем все элементы <a> на странице
    var links = document.querySelectorAll('a');
    // Перебираем полученные элементы
    links.forEach(function(link) {
        // Меняем адрес на новый URL
        link.href = "http://menjaem-na-etot.domen/chelovekopriyatniy-url/";
    });
});
</script>

    
Узнать больше о методе .querySelectorAll()

Вам также может понравиться

Мотивация для учебы - мои любимые видео
Склейка разных доменов в один