如何编码加载时打开两个选项卡而无需用户交互的url?

时间:2018-09-17 11:40:06

标签: javascript php jquery html ajax

我需要编写一个网址,当有人访问时,它会自动使用我想要的网址打开两个新标签。

因此,当有人去http://www.myurl.com(这里只是代码,没有内容)时,就会使用JQuery

两个标签页(按照我选择的顺序)将为用户打开,例如:

1st)https://www.destinationurl1.com 2nd)https://www.destinationurl2.com

我已经阅读了一些信息和其他问题,这些行为似乎经常被阻止(大多数情况下被Chrome阻止),除非打开新标签页来自用户的身体动作,例如单击按钮后

我正在寻找一种完成此操作的方法,除了进入http://www.myurl.com之外,不需要任何用户交互,并且除了打开两个新标签之外,用户看不到其他任何东西。

不确定是否可以使用html,javascript,Ajax,PHP或以上任何一种的组合。

谢谢您的指导!

2 个答案:

答案 0 :(得分:1)

编辑

我发现有效的解决方案(尽管用户需要在“智能”浏览器上禁用弹出窗口阻止功能)是通过使用 window.open(document.getElementById('urlToClick').href);

如此处所用:http://jsfiddle.net/fLLrs/1171/

除了jQuery(window).load(()=>{...})

之外,小提琴中几乎没有剩余的JQuery。

再次重申:它可以运行,但是用户需要启用弹出窗口!

原始

如果您使用的是JQuery,则可以在页面上使用两个这样的元素(没有文本,因此它们不会呈现任何内容)来进行尝试。

<a href='dest1' id='url1' target='_blank'></a>
<a href='dest2' id='url2' target='_blank'></a>

然后使用

$("url1").click();
$("url2").click();

我以前在某些用户脚本中使用了此功能,尽管在没有用户交互作用的情况下都不会自动执行操作。

答案 1 :(得分:1)

您可以在下面简单地做到这一点,

$(document).ready(function(){
    window.open(
      'https://www.destinationurl1.com/',
      '_blank' // <- This is what makes it open in a new window.
    );
    window.open(
      'https://www.destinationurl2.com/',
      '_blank' // <- This is what makes it open in a new window.
    );
});