通过JavaScript URL变量快捷方式扩展HTML URL

Question

不久

我需要通过添加javascript varriable和URL来扩展经典的html动态地址，这样它就会产生绝对的URL。因此，如果我将移动到另一个托管或域名，它将获得新的URL，所有的东西将仍然有用。

var url = window.location.host
<img src="url+/images/image.png">  And will become to <img src="www.mypage.com/images/image.png">
<a href="url+/nextpage/">LINK</a>  And will become to <a href="www.mypage.com/nextpage/">LINK</a>

是否有任何可能的方法可以将变量变为href =＆＃34;＆＃34;或src =＆＃34;＆＃34;值？

Answer 1

function absoluteURL(elem) {
    if (elem.hasAttribute('src')) {
        elem.setAttribute('src') = elem.src;
    }

    if (elem.hasAttribute('href')) {
        elem.setAttribute('href') = elem.href;
    }
}

var links = document.getElementsByTagName('a'),
imgs = document.getElementsByTagName('img'),
i = 0;

for (i = 0; i < links.length; i++ {
    absoluteURL(links[i]);
}

for (i = 0; i < imgs.length; i++ {
    absoluteURL(imgs[i]);
}

出于好奇，当你可以使用相对URL时，为什么还需要这样做呢？