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

Question

我们如何使页面上的每个链接都在新标签页中打开？

因此每个链接重定向都会 go 到新标签。 并且网站在它的位置将是安全的

我们做得到，

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

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

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

例如，单击此处将在此处加载页面本身。 宁愿重定向。

Answer 1

Select 页面中的所有锚点，然后使用setAttribute function 更新目标属性

 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")

只有在您将 markdown 处理为元素后，关键部分才运行它