【问题标题】:Open new tab in Firefox在 Firefox 中打开新标签页
【发布时间】:2012-05-09 10:33:34
【问题描述】:

我有这段代码可以在新窗口中打开我页面中的所有链接:

<base target='_new' />

它在 Chrome 中运行良好,但在 IE(8) 和 Firefox 中则不然。在 Firefox 中,它确实打开了一个新选项卡,但在第二个链接上单击它会加载到新选项卡中,但没有将此选项卡放在前面,因此用户必须手动单击新选项卡。在 IE 中,它会打开一个新的浏览器窗口。是否有等效代码 (..js/Jquery) 可以在所有浏览器的新选项卡中打开?

【问题讨论】:

标签: javascript jquery cross-browser


【解决方案1】:

无法保证浏览器会在哪里打开该新窗口/标签。不同的浏览器会以不同的方式打开新窗口/标签页,这种行为也会受到浏览器设置的影响。

【讨论】:

    【解决方案2】:

    Firefox 可以选择立即切换到标签页。

    Tools -> Options -> Tabs, 
        "When I open a link in a new tab, switch to it immediately"
    

    IE9也有同样的选项

    Tools -> Internet Options -> General -> Tabs Settings
        "Always switch to new tabs when they are created"
    

    IE9 可以选择如何处理新的弹出窗口。

    Tools -> Internet Options -> General -> Tabs Settings
        "When a popup is encountered"
         - Let Internet Explorer decide ...
         - Always open popups in a new tab
         - Always open popups in a new window
    

    来自http://windows.microsoft.com/en-US/windows7/Tabbed-browsing-frequently-asked-questions

    If you opt to let Internet Explorer decide how to display pop-ups, it 
    will display the pop-up in a new window if the pop-up specifies size 
    or display requirements. Otherwise, the pop-up is displayed in a new tab.
    

    因此,行为主要取决于用户而不是开发人员。

    【讨论】:

      【解决方案3】:

      您无法控制这部分(如何打开 - 在选项卡或窗口中)。因为这是由浏览器决定的。更重要的是,您甚至不能依赖浏览器的类型,因为每个用户都可以选择自己的方式来打开新页面:总是在选项卡中或总是在新窗口中或其他方式。

      【讨论】:

      • 种子默认firefox保留在原始标签中,而默认chrome将使用新标签。
      【解决方案4】:

      我不确定这是否适用于“base”标签,但在链接上,“target”属性可以有一个预定义的关键字,或者您想为新窗口提供的任何名称。

      可用的关键字有:

      • _blank:在新窗口或标签页中打开链接
      • _self:在点击的同一帧中打开链接(这是默认设置)
      • _parent:打开父框架中的链接
      • _top:在整个窗口中打开链接

      (http://www.w3schools.com/tags/att_a_target.asp)

      如果您不使用这些关键字之一,您可以使用任何您想要的名称,然后该名称将用于引用该窗口。这使您可以重复使用打开的选项卡以在其中加载不同的文档。

      因此,通过使用“_new”(不是关键字)作为基本目标,您实际上是说所有链接都必须在名为“_new”的窗口中打开。起初这个窗口不存在,所以浏览器会创建它(第一次点击),然后它会在所有后续点击中重复使用它。

      请改用“_blank”,以便每个链接在自己的新标签页中打开。

      【讨论】:

        猜你喜欢
        • 2015-06-15
        • 1970-01-01
        • 2011-04-09
        • 1970-01-01
        • 1970-01-01
        • 2014-03-13
        • 2013-06-26
        • 2019-12-28
        • 2016-03-24
        相关资源
        最近更新 更多