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

问题描述：

我无法弄清楚如何使用JavaScript打开一个新选项卡。我经历了相关的问题，但没有为我工作。当有人点击下面的链接（example.com）时，我希望浏览器打开一个新标签页。我应该添加哪些代码以及应该在哪里放置该代码？在新标签中打开页面使用JavaScript

我的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 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（）每次调用_To打开一个新窗口，使用strWindowName._特殊值_blank - 从[文档]（https://developer.mozilla.org/en-US/docs/Web/API/window.open） – madebydavid 2014-09-04 11:08:45

答

我不能看到元件与代码HTML。和data-groups='["all", "webdesign"]' data-url="http://example.com" from＃work-item for 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

相关推荐