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

Extend HTML URL by JavaScript URL varriable shortcut

本文关键字：URL 扩展 HTML 快捷方式 JavaScript 通过      更新时间：2023-09-26

很快

我需要通过添加带有URL的javascript变量来扩展经典的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=" 或 src=" 值？

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 时，为什么还需要这样做？

相关文章：