在新标签页中打开链接,打开另一个链接并在该标签页上重新加载

时间:2017-02-22 01:21:39

标签: javascript html hyperlink

我不确定这种行为是否适当。

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

我如何实现这种情况?

2 个答案:

答案 0 :(得分:1)

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

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

然后只需在用户点击第二个链接时更改已打开窗口的位置:

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

答案 1 :(得分:1)

只是添加@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()