javascript - 用javascript替换域名

Question

用js或jquery替换域名

我的旧域名是:www.a.com

<小时/>

新域名是:www.b.com

<小时/>

如何用新域替换所有a href链接和规范网址例如

<a href="http://www.a.com/a.html">test</a>

替换为

<a href="http://www.b.com/a.html">test</a>

和

<link rel="canonical" href="http://a.com/a.html">

替换为

<link rel="canonical" href="http://b.com/a.html">

Answer 1

您可以使用URL api查找并替换主机名

const anchorTags = document.querySelectorAll('a')
anchorTags.forEach( anchor => {
  const href = anchor.getAttribute('href');
  const parsed = new URL(href)
  if (parsed.hostname === 'www.a.com') {
    parsed.hostname = 'www.b.com'
    anchor.setAttribute('href', parsed)
  }
})
console.log([...anchorTags.values()])

<a href="http://www.a.com/a.html">Link 1</a>
<a href="http://www.a.com/a.html">Link 2</a>
<a href="http://www.a.com/a.html">Link 3</a>
<a href="http://www.c.com/a.html">This link should not be touched</a>