如何使用JavaScript更改所有外部链接？

Question

我想使用Javascript替换所有外部链接。我只想在每个外部链接之前添加“ http://example.com/go= ” ...我该怎么做？ 请帮忙..

Answer 1

如果当前的.href不包含document.domain则可以迭代document.links HTMLCollection并将.href属性设置为所需的字符串。

Array.from(document.links)
.forEach(link => 
  link.href = new RegExp(document.domain).test(link.href)
              ? link.href : "http://example.com/go=")

Answer 2

以下代码段应该起作用。 它遍历所有<a>元素，并检查href包含当前域（我使用RegExp对其进行了测试，但也有一些可行的解决方案）。 如果不是，则添加前缀。

 const originReg = new RegExp(location.hostname, 'i'); document.querySelectorAll('a').forEach(a => { if (originReg.test(a.href)) return /* internal link */; a.href = `http://example.com/go?url=${encodeURI(a.href)}`; }); 

 <a href="/bar">Bar</a> <a href="baz">Baz</a> <a href="http://example.com/foo">Foo</a> 

Answer 3

document.querySelectorAll('a').forEach((anchor) => {

  // make sure we return the relative path, not the absolute
  // getAttribute(), not .href
  const href = anchor.getAttribute('href');
  const str = 'http://example.com/go=';

  // if the link is an external link, update
  // the href attribute
  /:\/\//.test(href) && anchor.setAttribute('href', str + href);
});

例

Answer 4

这将仅针对外部链接。

document.querySelectorAll('a').forEach((anchor) => {

  // make sure we return the relative path, not the absolute
  const target = anchor.getAttribute('target');

   If ( target === '_blank' ){
        const href = anchor.getAttribute('href');
        const str = 'http://example.com/go=';

       anchor.setAttribute('href', str + href);
  }
});

//其中大部分是对@Andy代码的编辑。 我不想对那里的内容进行重大更改。