如果鏈接有 http 或 https，則將目標空白添加到鏈接

Question

我試圖在文本中找到所有具有 http 或 https 的鏈接，並向它們添加目標空白，它們存在於以下代碼中：

    const text   = this.node.body;
    const regex = /https?:\/\//i;
    let newStr = text.replace(regex, '$& target="_blank"');

    return newStr;

但是，它不起作用，具有 http 或 https 的鏈接沒有目標空白。 這樣做的正確方法是什么？ 這是示例文本：

<p><a href='www.link.com'>Link</a></p><p><div><img src='http://image.jpg' /></div></p><p><a href='http://link.html'>link</a></p>

這是代碼的結果：

<p><a href='www.link.com'>Link</a></p><p><div><img src='http:// target="_blank"/image.jpg' /></div></p><p><a href='http://link.html'>link</a></p>

Answer 1

試試這個：

document.querySelectorAll('a[href^="http"]').forEach(function(e) {
  e.setAttribute('target', '_blank');
});