Изменить ВСЕ ссылки, hrefs, urls with vanilla Javascript & regex

Question

Я пытаюсь заменить значения url на всей странице, используя некоторые ванильные Javascript. Я не могу использовать ЛЮБЫЕ библиотеки/рамки. Вот то, что я до сих пор, который был размещен в верхней части каждой страницы между тегами:

<script type="text/javascript"> 
function change_url() { 
    var str = ''; 
    str = str.replace(/blog\.domain\.info/g, 'blogtest\.domain\.info'); 
} 
change_url(); 
</script> 

Однако, это не работает при загрузке страницы.

В принципе, мне нужны ссылки для ресурсов, чтобы перейти от http://blog.domain.info к http://blogtest.domain.info. Простая задача, я знаю! Но код выше не работает до сих пор.

Предложения о том, что изменить?

Answer 1

После прочтения комментарий, вам нужно что-то вроде

function replace_url(elem, attr) { 
    var elems = document.getElementsByTagName(elem); 
    for (var i = 0; i < elems.length; i++) 
     elems[i][attr] = elems[i][attr].replace('blog.domain.info', 'blogtest.domain.info'); 
} 

window.onload = function() { 
    replace_url('a', 'href'); 
    replace_url('img', 'src'); 
    // etc 
} 

Answer 2

Если вы ориентируетесь ссылки, вы можете сделать это:

<script type="text/javascript"> 
    var els = document.getElementsByTagName('a'), 
     len = els.length; 

    while(len--) { 
     els[len].hostname = els[len].hostname.replace('blog.domain.info','blogtest.domain.info'); 
    } 
</script> 

Поместите этот скрипт только внутри закрытия </body> тега.

Для дополнительных тегов укажите имя и свойства тега, которые вы обновляете.

Answer 3

Ну, это очень сложно, так как вы получаете элементы в заголовке, которые должны быть изменены до того, как они будут обнаружены? Если вы можете заставить JS работать до загрузки, возможно, но я в этом сомневаюсь. Вы можете выполнять пост-загрузку, находить записи, переписывать их и загружать их асинхронно, но код может так же пропускать события инициализации. Это усложнится.

Элементы могут быть решены с использованием подхода getElementsByTagName(), который упоминается в других ответах. Это нормально для src/href изменений, но не будет заботиться о CSS-изображениях, в частности, background-image, что может произойти на множестве элементов. Тогда возникает вопрос о таких вещах, связанных с классами, для чего потребуется очистка записей классов, что является болью. Я сомневаюсь в изменении метаинформации, такой как RSS-каналы, значки и т. Д., Вступает в силу после загрузки.

Было бы лучше справиться с этим на стороне сервера.