我有一个带有几个内部链接和几个外部链接的小型单页应用程序。我希望所有外部链接都自动在新选项卡中打开，因此我将 html 设置如下：
<base target="_blank" />
这在 chrome 中效果很好。当我单击导航栏上的链接时，我的网站会在同一个选项卡中导航，当我单击外部链接时，它会尽职尽责地在新选项卡中打开。
但是，当我使用 firefox（已测试多个版本）访问我的网站时，每个链接，甚至是导航栏上的内部链接，都会在新选项卡中打开。
如何更正此问题，以便在所有浏览器的新选项卡中仅打开外部链接？ 谢谢
【问题讨论】：
target="_self"。
静态解决方案是在内部链接上显式，即将target="_self" 添加到这些链接。
如果您不希望这样，Javascript 也可以提供帮助，具体取决于您的设置。
假设您的内部链接都是相对的或至少是服务器绝对链接，并假设您的页面是静态的（例如在DOMContentLoaded 之后没有将链接添加到页面），以下 Javascript sn-p 将解决该任务：
document.addEventListener('DOMContentLoaded', () => {
for (const externalLink of document.querySelectorAll('a[href^=http]'))
externalLink.target = '_blank';
})<a href="https://google.com">Google</a>
<a href="/">Some internal link</a>正如另一个家伙指出的那样，这当然只有在您的链接可以从文档中访问时才有效（如果它们位于 shadowDOM 中则不行）。
【讨论】：
根据@connexo 的评论，我通过明确说明解决了这个问题
target="_self"
在导航栏链接中。
【讨论】：
如果您想覆盖浏览器默认功能，您需要专门为外部链接设置目标。制作一个链接组件来执行此操作。
【讨论】：