在一个新的选项卡javascript中打开页面上的链接

Question

如何在新选项卡中打开页面上的每个链接？

因此，每个链接重定向都将转到新的选项卡。网站将在所在地安全

我们可以做到，

<a href="there_links.com" target="_blank">there_links.com</a>

但由于用户可以在支持降价的评论部分添加自己的链接。

很难在页面上的每个链接上设置target="_blank"。因为这些链接将通过CCD_ 2弹出。

例如，单击此处将在此处加载页面。更喜欢重定向。

Answer 1

选择页面中的所有锚点，然后使用setAttribute函数更新目标属性

let anchors = document.querySelectorAll('a');
for (let i = 0; i < anchors.length; i++) {
anchors[i].setAttribute('target', '_blank')
}

<a href="there_links.com" target="_blank">link 1</a>
<a href="a.com">link 2</a>
<a href="there_links.com">link 3</a>

上面的脚本可以设置在Vue组件中的挂载钩子内

Answer 2

您可以查询没有目标的<a>，并将其设置为：

document.querySelectorAll('a:not([target])').forEach(el => el.target = "_blank")

关键部分是只有在您将降价处理为元素后才运行它