如何使用JavaScript打开多个独立的浏览器窗口?

时间:2010-11-17 12:45:40

标签: javascript jquery html windows hyperlink

我有html页面,有2个链接,如

<a href="http://www.w3schools.com/">Visit W3Schools</a>
<a href="http://www.w4schools.com/">Visit W4Schools</a>

我希望当用户点击其中一个打开带有该链接的新功能强大的浏览器窗口时。我希望用户能够从我的页面打开多个窗口。我需要它通过纯JS或使用jQuery工作。它需要在Safari 3和Internet Explorer 6,7,8中运行。 如何创造这样的东西?

4 个答案:

答案 0 :(得分:5)

您可以将目标属性设置为_blank

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools</a>

这将根据浏览器设置在新窗口或选项卡中打开新页面。

答案 1 :(得分:2)

您可以使用<a href="blah" Target="_blank">Some text</a>来提示浏览器打开一个新窗口,但这可以通过某些浏览器中的特定用户设置/配置覆盖。

除此之外,你不能强迫操作系统从Javascript启动一个新的浏览器实例 - 这将是一个巨大的安全风险!

答案 2 :(得分:2)

目标=“_空白”无效

在js中你可以用window.open()

来做到这一点

window.open(URL,WidowName,选项)

你有这个选择 1.宽度= 300 用它来定义新窗口的宽度。

  1. 高度= 200 用它来定义新窗口的高度。

  2. resizable = yes或no 使用此选项可控制是否希望用户能够调整窗口大小。

  3. scrollbars =是或否 这使您可以决定是否在窗口上设置滚动条。

  4. toolbar =是或否 新窗口是否应该在顶部显示浏览器导航栏(后面,前面,停止按钮等等。)

  5. location =是或否 是否要显示包含当前网址的位置框(键入http://address的位置)。

  6. 目录=是或否 窗口是否应显示额外的按钮。 (什么是酷,个人按钮等......)。

  7. status = yes或no 是否在窗口底部显示窗口状态栏。

  8. 菜单栏=是或否 是否在窗口顶部显示菜单(文件,编辑等)。

  9. copyhistory =是或否 是否将旧浏览器窗口的历史列表复制到新窗口。

  10. http://www.pageresource.com/jscript/jwinopen.htm

    有效的jQuery和html解决方案

    $("document").ready(function(){
       $(".blankTarget").live("click",function(){
          window.open($(this).attr("href"));
          return false;
       });
    });
    

答案 3 :(得分:1)

target =“_ blank”是解决此问题的最佳方法,因为它不涉及javascript。请记住,此属性不受欢迎,您应该让用户确定是否要在新窗口或当前使用的窗口中打开链接页面。 W3C同意这一点,因此您的代码不会使用他们的验证工具进行验证。

或者,这篇文章描述了如何实现jQuery solution