使用 JavaScript 在新选项卡中打开页面答案

【问题标题】：Open Page in New Tab Using JavaScript使用 JavaScript 在新选项卡中打开页面
【发布时间】：2014-09-04 11:01:56
【问题描述】：

我不知道如何使用 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>

【问题讨论】：

标签： javascript url tabs

【解决方案1】：

使用指定打开链接文档的目标属性，

<a href="http://example.com" target="_blank">Example</a>

或在 javascript 中，

function myFunction() {
    // Open the link in new browser window.
    window.open("http://example.com");
}

【讨论】：

您可以将"_blank" 指定为window.open 的第二个参数要在每次调用window.open() 时打开一个新窗口，请为strWindowName 使用特殊值_blank。 - 来自docs

【解决方案2】：

我看不到代码 HTML 中的元素。和来自#work-item 的data-groups='["all", "webdesign"]' data-url="http://example.com" 使用for？

来自 HTML 代码。

<section id="work-grid" class="site-inner">
<div class="work-item">
<figure class="image-container"><img src="images/work/web-one.jpg" onclick="openNewTabLink('example.com')"/></figure>
</div>

来自 Javascript 代码。

function openNewTabLink(link){window.open(link,'_blank');}

【讨论】：