单击按钮时Window.open弹出窗口阻止问题

Question

我想一键打开两个URL。 我已经使用window.open方法，但是它阻止了弹出窗口。

在按钮上单击我要打开这两个URL。 但它不能按需工作。

这是我的脚本代码。

<script>
$(document).ready(function() {

  setTimeout(function(){ 

    var newUrl = 'https://red.kngtraxx.com/5d2fe6a5180ed400010de4be?fname=' + fname + '&email=' + email + '&clickid=' + clickid + '&pid=' + pid + '&phone=' + phone + '&sub1=' + sub1 + '&edulevel=' + edulevel + '&military=' + military + '&study=' + study + "&ip=" + ip + "&zip=" + zipcode;

    var newTabUrl = 'https://red2.kngtraxx.com/5d2fe70e180ed400010de4c0?fname=' + fname + '&email=' + email + '&clickid=' + clickid + '&pid=' + pid + '&phone=' + phone + '&sub1=' + sub1 + '&edulevel=' + edulevel + '&military=' + military + '&study=' + study + "&ip=" + ip + "&zip=" + zipcode;

    alert(newUrl);
    alert(newTabUrl);

    $('#lp-pom-button-826').on('click', function(e){
    e.preventDefault();
    window.open(newUrl, "_self");
      window.open(newTabUrl)
    //setTimeout(() => , 1000);
  });

  }, 2000);

});
</script>

I want to solve popup blocking issue

Answer 1

请尝试以下操作， window.open()将适用于一个选项卡，否则将被阻止。

 <html> <head> </head> <body> <a href="https://google.com" onclick="location.href='https://yahoo.com'" target="_blank">Click Here</a> </body> </html>

编辑：根据OP的需要添加了以下内容：如果您具有动态URL，请使用脚本来使用函数动态更新属性，并进行设置：

 <html> <head> </head> <body> <a id="myLink" href="https://google.com" onclick="location.href='https://yahoo.com'" target="_blank">Click Here</a> <script> function makeDynamicUrlsAndChangeLink() { var link = document.getElementById("myLink"); var param1 = "val1", param2 = "val2"; var link1 = "https://google.com" + "?param1=" + param1 + "&param2=" + param2; var link2 = "location.href='https://vmware.com" + "?param1=" + param1 + "&param2=" + param2 + "'"; link.setAttribute("href", link1); link.setAttribute("onclick", link2); } makeDynamicUrlsAndChangeLink(); </script> </body> </html>

单击按钮时Window.open弹出窗口阻止问题

问题描述

1 个解决方案

解决方案1
0 2019-07-29 08:26:14

单击按钮时Window.open弹出窗口阻止问题

问题描述

1 个解决方案

解决方案1 0 2019-07-29 08:26:14

解决方案1
0 2019-07-29 08:26:14