【问题标题】:Get anchor tag to open in new window获取锚标签以在新窗口中打开
【发布时间】:2014-07-30 12:31:45
【问题描述】:

有没有办法让锚标签在新窗口而不是当前窗口中打开?

    <a href="my_link">Link</a>

【问题讨论】:

    标签: html tags anchor


    【解决方案1】:

    target 属性设置为_blank

    您无法控制浏览器将在哪种新“窗口”中打开它。它可能是一个实际的窗口,也可能是一个选项卡,它可能会被覆盖并强制进入同一个窗口。

    不过是a bad idea,所以don't do it,真的是please don't

    【讨论】:

    • 感谢您指出这是一个坏主意。参考资料真的很有帮助而且很清楚。从现在开始,我一定会避免强制链接在新窗口中打开。
    【解决方案2】:

    您无需编写如此长的 javascript 来满足您的要求。只需在您的 anchir 标记本身中将目标属性设置为 _blank 即可。每当用户单击该链接时,它将在新选项卡中打开。示例标签如下

    <a href="www.google.com" target="_blank">Google</a>
    

    希望对你有帮助

    注意:For Security reason

    【讨论】:

    • target="_blank" 不适合我。它的抛出错误,但 target="new" 工作正常。
    • 哦,我不确定为什么 _blank 不起作用。但是,它仍然对我有用。可能浏览器支持或类似的东西。
    • new 在 Chrome 浏览器中也适用于我。
    【解决方案3】:

    这会起作用,但它是纯 javascript

    <a href="http://www.snopzer.com" onclick="window.open(this.href, 'Snopzer',
    'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" >Open Link</a>
    

    【讨论】:

      【解决方案4】:

      最简单的方法是:

      <a href="https://www.google.com/" target="new">Google</a>
      

      这将打开新标签中给出的任何链接。

      【讨论】:

      • 如何在新窗口打开困难?
      【解决方案5】:

      使用jQuery/javascript在新窗口中打开

      $('a').click(function(){ 
        window.open('http://google.com') 
      });
      

      【讨论】:

        猜你喜欢
        • 2017-04-07
        • 2014-11-05
        • 2011-07-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多