JavaScript结合HTML代码如何实现链接在新标签页打开

核心原因 #

<meta http-equiv="refresh"> 是当前页面维度的重定向指令，本身不支持配置跳转目标为新标签页，无法通过修改该标签的属性实现你的需求，需要替换为原生JS的窗口打开接口。

可直接替换的代码 #

把原有插入meta标签的逻辑替换为window.open调用即可，修改后对应case分支的代码如下：

case "example1":
case "example2":
  // 第二个参数传"_blank"即指定在新标签页打开目标地址
  window.open("https://example.com", "_blank");
  l.after("Opening...");
  break;

注意点 #

• 该段逻辑必须运行在用户主动交互触发的执行上下文（比如点击事件回调、用户确认操作的分支）中，否则会被浏览器默认的弹窗拦截机制拦截
• 原代码里插入meta标签的逻辑可以完全删除，不需要保留，否则还是会触发当前页跳转

内容的提问来源于stack exchange，提问作者Heçkır 001