Question

我正在开发一个网站，当在联系表格-7上提交表单时，该网站会在网站上打开href链接。我有一个问题：它正在打开一个链接。但是我希望在发送表单时同时打开两个链接。我不知道如何实现这一点。

请帮忙

＆＃13;

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

＆＃13;

<a href="http://www.annualpm.com/wp-content/uploads/Fabius-GS-User-Manual.pdf" target="_blank" id="link">
  <p><img style="height:40px;" src="http://www.annualpm.com/wp-content/uploads/Hopstarter-Software-Adobe-Acrobat-Standard.ico">Fabius GS User Manual</p>
</a>
<a href="http://www.annualpm.com/wp-content/uploads/FabiusGSSpecSheet.pdf" target="_blank" id="link2">
  <p><img style="height:40px;" src="http://www.annualpm.com/wp-content/uploads/Hopstarter-Software-Adobe-Acrobat-Standard.ico">Fabius GS SpecSheet</p>
</a>

＆＃13;

Answer 1

由于'location'重定向当前窗口，因此您只能执行此操作一次。请尝试使用“打开”。注意：这将在新选项卡中打开链接。

请参阅：https://www.w3schools.com/jsref/met_win_open.asp

Answer 2

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {

 window.open(document.getElementById("link").getAttribute("href"));
setTimeout(function(){
 window.open(document.getElementById("link2").getAttribute("href"));
},500);

}, false );
</script>

setTimeout函数阻止浏览器将第二个链接标记为弹出窗口（在这种情况下，第二个窗口将被阻止）：）

如何将两个id一起添加

2 个答案: