【问题标题】:How to open a link in the first open new browser tab如何在第一个打开的新浏览器选项卡中打开链接
【发布时间】:2015-06-24 13:03:27
【问题描述】:

我知道这可能是不可能的。

假设我有一个包含 50 个超链接的列表。默认行为是单击时在新选项卡中打开链接。但我想阻止用户在点击全部 50 个标签时打开 50 个标签。

那么有什么方法可以创建一个点击后的超链接,

  1. 在新标签页中打开第一个链接
  2. 后续链接会在同一选项卡中打开(而不是新选项卡)

如果有帮助,Chrome 将成为我们为此使用的浏览器。 我们可以使用任何 HTML.JS、Chrome 技巧吗?谢谢。

【问题讨论】:

  • 我不相信这可以在所有浏览器中可靠地实现。设置相同的target 属性(甚至使用带有提供的窗口名称的window.open)仍然每次都会在新选项卡中打开链接。

标签: javascript jquery html google-chrome tabs


【解决方案1】:

将此 sn-p 添加到您的代码中,然后检查。

var a = document.getElementsByTagName("a"); 
for (i=0;i<a.length;i++) { 

        if (a[i].target="_blank") { 
            a[i].target="_self" 
        } 
                         
}

【讨论】:

    【解决方案2】:

    之所以有效,是因为如果打开一个窗口到用户单击的链接,它会更改一个窗口的 URL。

    <html>
    <head>
    <title>
    Search Engines
    </title>
    <script>
    
    opened = false ;
    
    function openMyLink(linkToOpen) {
    
        if (opened === false) {
    
            openWindow = window.open(linkToOpen,"_blank") ;
            opened = true ;
            openWindow.addEventListener("beforeunload",function () {opened = false ;}) ;
    
        }
    
        else {
    
            openWindow.location.href = linkToOpen ;
    
        }
    
    }
    
    </script>
    <style>
    a {
    
    cursor : pointer ;
    color : blue ;
    text-decoration : underline ;
    
    }
    </style>
    </head>
    <body>
    <h1>
    Search Engines
    </h1>
    <br><a onclick="openMyLink('http://www.google.com/') ;">Google</a>
    <br><a onclick="openMyLink('http://www.bing.com/') ;">Bing</a>
    <br><a onclick="openMyLink('http://www.yahoo.com/') ;">Yahoo</a>
    </body>
    </html>
    

    【讨论】:

    • 谢谢 我试过了,但没有用。第一个链接打开,后续点击没有任何反应。
    • 它对我有用,但不专注于选项卡。在随后的单击中,其他选项卡中的页面会更改,但您仍需要自己轻弹到该选项卡。如果不是这种情况,请再次发表评论,我会尝试修复它。
    • 嗨,Jacob,首先这可以在 chrome 中使用吗?是的,我们需要在标签中更新页面,而不需要用户点击新标签。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-06-20
    • 1970-01-01
    • 2011-10-23
    • 2018-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多