【问题标题】:Open a link in new tab, open another link and reload on that tab在新标签中打开一个链接,打开另一个链接并在该标签上重新加载
【发布时间】:2017-02-25 02:09:30
【问题描述】:

我不确定这种行为是否有合适的术语。

用户故事(有 2 个标签):
1.用户点击Tab1上的第一个链接,打开一个新标签(Tab2
2.用户点击Tab1上的第二个链接,Tab2刷新以反映用户在Tab1上点击的第二个链接。

我怎样才能实现这个场景?

【问题讨论】:

  • 我真的不明白,你能告诉我们任何 html。您正在使用什么框架,真正的用例是什么。我们可以提供更多细节吗?
  • 这里不需要jQuery标签,去掉标签。

标签: javascript html hyperlink


【解决方案1】:

您可以使用句柄在新标签页中打开第一个链接:

var tab = window.open('http://yoursite.com/action', '_blank');

然后在用户单击第二个链接时简单地更改打开窗口的位置:

tab.location.href = 'http://yoursite.com/second-action';

【讨论】:

    【解决方案2】:

    只是添加到@Hafiz 的答案

    您可以使用window.open() 调用在Javascript 中打开一个“命名标签”

    例如:

    /* The code I am writing is extremely stupid and should never be used professionally, it's just here to convey the point */
    /* you html element. */
    <a href="#" onlick="openLink('google.com','tab2', true)">1st Link</a>
    <a href="#" onlick="openLink('google.de','tab2', false)">2nd Link</a>
    
    /* openLink */
    function openLink(url, tabName, focus) {
       var tab = window.open(url, tabName);
       if(focus)
          /* additionally if you want to focus on the tab, this might not work on some platform. Safari(may be on iOS) I think. */
          tab.focus(); 
    }
    

    您可以阅读open()focus()

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-28
      • 2017-02-22
      • 2011-09-29
      • 1970-01-01
      • 2011-08-27
      • 1970-01-01
      相关资源
      最近更新 更多