【问题标题】:How to make HTML open a hyperlink in another window or tab?如何使 HTML 在另一个窗口或选项卡中打开超链接?
【发布时间】:2011-01-21 14:00:36
【问题描述】:

这是 HTML 中超链接的一行:

<a href="http://www.starfall.com/">Starfall</a>

因此,如果我单击“Starfall”,我的浏览器(我正在使用 FireFox)将带我进入新页面,并且我的窗口内容将发生变化。我想知道,如何在 HTML 中执行此操作,以便在新窗口中打开新页面而不是更改前一个页面? HTML中有这样的方法吗?

如果是,有没有办法在我的浏览器的另一个选项卡(而不是另一个窗口)中打开请求的页面?

【问题讨论】:

    标签: html window hyperlink


    【解决方案1】:
    <a href="http://www.starfall.com/" target="_blank">Starfall</a>
    

    它是在选项卡中打开还是在另一个窗口中打开取决于用户如何配置她的浏览器。

    【讨论】:

    • 并非所有浏览器都支持标签页,在那些支持标签页的浏览器中,在新标签页与新窗口中打开的页面是用户可配置的设置。目前没有指定链接需要在选项卡和窗口中打开的方法。
    • 记住目标属性必须在 href 属性之后声明
    【解决方案2】:

    最简单的方法是添加目标标签。

    <a href="http://www.starfall.com/" target="Starfall">Starfall</a>
    

    如果您希望它们在不同的选项卡中打开,则为每个链接的目标属性使用不同的值,如果您希望它们替换其他的,则为目标属性使用相同的值。

    【讨论】:

    • +1 指出目标不必是“_blank”。
    • 值得注意的是,这是一个有效的 HTML5。
    • 你说的“名字”是什么意思?
    【解决方案3】:

    使用target="_blank"

    &lt;a target='_blank' href="http://www.starfall.com/"&gt;Starfall&lt;/a&gt;

    【讨论】:

      【解决方案4】:

      你应该可以添加

      target="_blank"
      

      喜欢

      <a href="http://www.starfall.com/" target="_blank">Starfall</a>
      

      【讨论】:

        【解决方案5】:

        target 属性是您执行此操作的最佳方式。

        <a href="http://www.starfall.com" target="_blank">
        

        将在新选项卡或窗口中打开它。至于哪个,就看用户设置了。

        <a href="http://www.starfall.com" target="_self">
        

        是默认值。它使页面在同一个选项卡(或 iframe,如果您正在处理的话)中打开。
        仅当您处理 iframe 时,接下来的两个才有用。

        <a href="http://www.starfall.com" target="_parent">
        

        将在具有链接的 iframe 所在的 iframe 中打开链接。

        <a href="http://www.starfall.com" target="_top">
        

        将在选项卡中打开链接,无论它必须通过多少 iframe。

        【讨论】:

        • 我如何在其他人的示例中使用该彩色文本?
        【解决方案6】:

        target = _blank 将根据浏览器设置在新选项卡或窗口中打开。

        要强制一个新窗口使用 javascript onclick 需要所有三个部分。 url,名称,窗口宽度和高度大小,否则它将在新选项卡中打开。

        <a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
        

        【讨论】:

          【解决方案7】:

          您也可以通过将以下内容添加到页面标题来完成此操作:

          <base target="_blank">
          

          这将使您页面上的所有链接在新标签页中打开

          【讨论】:

            【解决方案8】:

            由于网络发展迅速,有些事情会随着时间而变化。对于安全问题,您可能希望将rel="noopener" 属性与target="_blank" 结合使用。

            Google Dev Documentation 中所述,其他页面可以使用window.opener property 访问您的窗口对象。您的外部链接现在应该如下所示:

            <a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
            

            【讨论】:

            • &lt;a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer"&gt;Starfall&lt;/a&gt; 现在看来最好的做法是同时拥有两者
            【解决方案9】:

            下面带有target="_blank" 的示例适用于 Safari 和 Mozilla

            <a href="http://www.starfall.com" `target="_blank"`>
            

            为 Chrome 使用 target="new"worked

            <a href="http://www.starfall.com" `target="new"`>
            

            【讨论】:

            • 是什么让你的答案在众多其他答案中脱颖而出?
            猜你喜欢
            • 2017-09-06
            • 2010-09-12
            • 1970-01-01
            • 2022-01-18
            • 1970-01-01
            • 2022-06-13
            • 1970-01-01
            • 2013-03-11
            相关资源
            最近更新 更多