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

В этом руководстве мы рассмотрим, как можно заменить все ссылки на веб-странице, используя 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>

    

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

Во втором примере мы просто заменяем все ссылки на странице на новый 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>

    

Реализация на чистом 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>