Question

我无法弄清楚如何使用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>

提前谢谢。

Answer 1

在newtab元素上使用属性a。

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;
  }
);

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

无法使用Javascript在新标签页中打开页面

1 个答案: