如何仅通过替换一些文本来更改 href 标签

Question

如果有人从 iOS 调用该页面，我会尝试替换 href。问题在于 JavaScript 不仅替换了搜索到的文本，而且替换了所有初始链接。例如：

<a href="http://example.com" class='dynamicLink'>test</a>

当iOS手机或平板在此链接更改时

 <a href="http://ios+example.com" class='dynamicLink'>test</a>

但是 JavaScript 替换了所有

 <a href="http://ios+" class='dynamicLink'>test</a>

有人知道这个问题吗

window.onload = function changeLinks() {
    var href = "http://ios+"
    var links =
        document.getElementsByClassName('dynamicLink');
    if (navigator.userAgent.match(/Android/i) ||
        navigator.userAgent.match(/webOS/i) ||
        navigator.userAgent.match(/iPhone/i) ||
        navigator.userAgent.match(/iPad/i) ||
        navigator.userAgent.match(/iPod/i) ||
        navigator.userAgent.match(/BlackBerry/i) ||
        navigator.userAgent.match(/Windows Phone/i)
    ) {
        for (var i = 0; i < links.length; i++) {
            links[i].href = href.replace('http://', "http://ios+");
        }
    } else {
        for (var i = 0; i < links.length; i++) {
            links[i].href = href.replace('http://', "http://");
        }
    }
}

Answer 1

您正在使用href.replace(... 替换链接，但href 上面定义为var href = "http://ios+"

试试这个方法：

for (var i = 0; i < links.length; i++) {
    links[i].href = links[i].href.replace('http://',"http://ios+");
  }

甚至这个，实际使用这个href

for (var i = 0; i < links.length; i++) {
    links[i].href = links[i].href.replace('http://', href);
  }