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

使用target属性指定打开链接文档的位置

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

或在javascript中，

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

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

使用JavaScript在新标签页中打开页面

2 个答案: