【问题标题】:How to add two id together如何将两个id加在一起
【发布时间】:2017-11-25 04:08:26
【问题描述】:

我正在开发一个网站,该网站在通过联系表单 7 提交表单时会在网站上打开一个 href 链接。我有一个问题:它正在打开一个链接。但是我想在发送表单时同时打开两个链接。我不知道如何实现这一点。

请帮忙

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

document.addEventListener('wpcf7mailsent', function(event) {
  location = document.getElementById("link2").getAttribute("href");
}, false);
<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>

【问题讨论】:

    标签: javascript jquery contact-form-7


    【解决方案1】:

    由于“位置”会重定向当前窗口,因此您只能执行一次。尝试改用“打开”。注意:这将在新标签页中打开链接。

    见:https://www.w3schools.com/jsref/met_win_open.asp

    【讨论】:

      【解决方案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 功能可防止浏览器将第二个链接标记为弹出窗口(在这种情况下,第二个窗口将被阻止):)

      【讨论】:

      • 大多数浏览器每个事件只允许一个 open() 并且需要同步
      猜你喜欢
      • 1970-01-01
      • 2016-12-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-28
      • 2018-12-04
      • 1970-01-01
      相关资源
      最近更新 更多