无法使用 Javascript 在新选项卡中打开页面答案

【问题标题】：Can't Open Page in New Tab Using Javascript无法使用 Javascript 在新选项卡中打开页面
【发布时间】：2014-10-29 05:28:03
【问题描述】：

我不知道如何使用 JavaScript 打开一个新标签。我经历了相关的问题，但对我没有任何帮助。当有人单击下面的链接（example.com）时，我希望浏览器打开一个新选项卡。我应该添加什么代码以及该代码应该放在哪里？

我的html代码在这里-

<section id="work-grid" class="site-inner">
<div class="work-item" data-groups='["all", "webdesign"]' data-url="http://example.com">
<figure class="image-container"><img src="images/work/web-one.jpg" /></figure>
</div>

提前谢谢你。

【问题讨论】：

您没有a 链接？
我是网络开发新手。代码 target="_blank" 在这里不起作用。
我知道你是新来的。从基础开始，学习如何创建超链接。
无论如何你都不应该这样做。用户应该选择是在新标签、现有标签还是新浏览器实例中打开链接。
Open Page in New Tab Using JavaScript 的可能重复项

标签： google-chrome firefox javascript url tabs

【解决方案1】：

在a 元素上使用属性newtab。

newtab a 属性的驱动代码：

(()=>{document.getElementsByTagName("a").map((e)=>{if(e.newtab==="newtab"){e.target="_blank";e.rel="noopener noreferrer";}return e;});})();

没有匿名功能的美化版：

document.getElementsByTagName
(
  "a"
).map
(
  (e) =>
  {
    if (e.newtab === "newtab") {
      e.target = "_blank";
      e.rel = "noopener noreferrer";
    }
    return e;
  }
);

由于未压缩代码检查，您只能将压缩版本放在页面上。

【讨论】：