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

У нас есть большое количество веб-страниц в нашем блоге со ссылками с определенного домена (domain1.com) на другой домен (domain2.com). Чтобы ничего не менять вручную, мы пробуем это без изменения ссылки (href). Ссылки можно определить по их class, у них нет id.

<a href = "domain1.com/id/12345" class = "ChangeDomain">Click Here</a>
<a href = "/internal_url/" class = "">Click Here</a>

<script type = "text/javascript">
  document.getElementsByClassName("ChangeDomain").onclick = function() {
    document.getElementsByClassName("ChangeDomain").href = "domain2.com"; 
    return false;
  };
</script>

Есть еще одна вещь, которую я не знаю, как выполнить. меняется только корневой домен, а путь domain2.com должен совпадать с путем domain1.com. URL-адрес домен1.com/id/12345 становится домен2.com/id/12345

Вы можете использовать jquery?

MikNiller 09.05.2019 07:34
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
49
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Если вы можете использовать jquery, то все hrefs могут быть изменены, когда документ будет готов таким образом.

$(document).ready(function(){
        $('.ChangeDomain').each(function(){ 
            var oldUrl = $(this).attr("href"); // Get current url
            var newUrl = oldUrl.replace("domain1.com", "domain2.com"); // replace domain
            $(this).attr("href", newUrl); // Set herf value
        });
    });

идея состоит в том, чтобы найти все hrefs, когда документ будет готов, и заменить текущий домен новым доменом

если вам действительно нужно использовать mousedown, измените его на:

$(document).ready(function(){
    $('.ChangeDomain').mousedown(function(){ 
        var oldUrl = $(this).attr("href"); // Get current url
        var newUrl = oldUrl.replace("domain1.com", "domain2.com"); // replace domain
        $(this).attr("href", newUrl); // Set herf value
    });
});

Вместо того, чтобы добавлять событие с помощью onclick, добавьте с помощью addEventListener. Используйте replace, чтобы заменить слово domain1 на domain2.

const alinks = document.querySelectorAll(".ChangeDomain");

alinks.forEach(a => {
    a.addEventListener('click', function(e) {
        e.preventDefault();
        const href = this.href;
        const newHref = href.replace('domain1', 'domain2');
        console.info(newHref);
    })
});
  <a href = "domain1.com/id/12345" class = "ChangeDomain">Click Here</a>
  <a href = "/internal_url/" class = "">Click Here</a>

Вы можете попробовать это

<script type = "text/javascript">
  document.getElementsByClassName("ChangeDomain").onclick = function() {
    const preUrl = document.getElementsByClassName("ChangeDomain").href;
    const newUrl = preUrl.replace("domain1.com", "domain2.com");
    console.info(newUrl); 
    return false;
  };
</script>

Другие вопросы по теме