使用JavaScript Document.AddeventListener在下一个窗口中打开选项卡

Question

我正在使用此脚本打开单击ID链接时的文件，我可以找出在下一个单击下一个选项卡中打开文件的方法，请提前

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
	location = document.getElementById("link").getAttribute("href");
}, false );
</script>

Answer 1

location = ....
window.open(location);

请参阅window.open()

Answer 2

尝试一下，它将在新选项卡中打开您的URL：

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = document.getElementById("link").getAttribute("href");
    window.open( location , '_blank' );
}, false ); 

Answer 3

您需要在要调用函数的节点上应用EventListener，以打开新窗口/选项卡。

您的问题没有有关您的DOM的样子的详细信息，因此这里是使用数据集的示例

<div>
  <button id="file1" data-url="https://www.google.com">file 1</button>
  <button id="file2" data-url="https://www.slashdot.org">file 2</button>
</div>
var buttons = document.querySelectorAll('button');
for(var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', openNewTab, false);
}
function openNewTab(event) {
   window.open(event.target.dataset.url, '_blank');
}

一个完全有效的示例-https：//jsfiddle.net/denov/kza19gbf/1/

我建议您看看以下文档

• https://developer.mozilla.org/en-us/docs/web/api/window/open/open
• https://developer.mozilla.org/en-us/docs/web/api/eventtarget/addeventlistener
• https://developer.mozilla.org/en-us/docs/web/api/htmlelement/dataset