使用javascript / jquery打开多个页面一次

时间:2015-05-16 09:34:56

标签: javascript jquery html html5

我想创建一些元素(点击时)会引导访问者访问两个不同的网站(都在新窗口中)。我怎样才能做到这一点?以下是我尝试过的两种方式,由于只打开了一个页面/窗口,因此两种方式都不起作用。提前谢谢!

蒂莫

  1. 此处建议的解决方案:How to make a link open multiple pages when clicked。但也许解决方案已经过时了,但对我来说只有第一个网页是开放的(带有所有指示的解决方案。(例如那里建议的代码)

    HTML <a href="#" class="yourlink">Click Here</a>

    $(&#39; a.yourlink&#39;)。click(function(e){     e.preventDefault();     window.open(&#39; https://www.youtube.com/watch?v=H9XIXFwpyEc&#39);     window.open(&#39; https://stackoverflow.com/search?q=open+multiple+pages&#39); });

  2. 虽然使用具有不同href的类和id以及两者都打开新窗口的额外选项也不起作用,因为它只打开第一个窗口

    HTML <a href="#" class="yourlink" id="extra">Click Here</a>

  3. $('.yourlink').html('<a href="url"></a>'); // Add page $('.yourlink a').attr('target', '_blank'); //确保在新窗口中打开

    $('#extra').html('<a href="url"></a>'); // Add page $('#extra a').attr('target', '_blank'); //确保在新窗口中打开

2 个答案:

答案 0 :(得分:0)

<强> Try This JSFiddle Demo

尝试使用此功能。这是一个简单的解决方案。替换我已经写过的链接&#34;您的链接&#34;

window.open('Your Link Here');

如果你想打开更多,只需将以下内容添加到你的onclick方法中:

<a href="Your Link Here" target="_blank" onclick="window.open('Your Link Here'); window.open('Your Link Here');">Click Here</a>

例如,要打开三个链接,它将如下所示:

import 'package:mock/mock.dart';

class MyClass {
  String field;
}
@proxy
class MockMyClass extends Mock implements MyClass{}

答案 1 :(得分:0)

使用Chrome,我没有看到您描述的问题。但是当我在IE中测试时,我突然收到了“弹出窗口阻止”消息。

但这并不奇怪。如果单击一个链接就可以突然产生10个新窗口,我讨厌它。在这种情况下,我实际上认为IE可以更好地处理它(通过阻止第二个窗口)。

问题是window.open只有在调用它的动作是可信事件时才会起作用。这通常意味着用户发起的事件,如click。但Chrome没有考虑(我假设)的是,单个受信任的事件可以调用多个window.open

我试图解决这个问题,但还没有(但)能够欺骗IE。我认为,这些选项是:

  • 要求用户将您的网站添加到弹出例外(互联网设置)。
  • 在您自己网站的iframe中生成网页
  • 要求用户使用其他浏览器;)

或显而易见的:

  • 为窗口使用单独的链接