通过javascript在同一个打开的选项卡中重新加载新的网页内容

时间:2015-03-19 12:46:39

标签: javascript html hyperlink tabs

我创建了两个超链接,当我点击超链接时,它应该在浏览器中打开一个带有相应链接网页内容的新标签,我已经使用window.open功能完成了它,它的工作正常,但是问题是,当我第一次单击超链接时会打开一个新选项卡,再次当我单击相同或第二个超链接时,它会在浏览器中打开另一个选项卡,而不是当前打开的选项卡仍然是打开我需要重新加载该选项卡本身,如果没有打开任何选项卡,那么它应该打开一个全新的选项卡。

这是否可以通过JavaScript

完成

我的代码如下所示

JSFiddle

HTML

<a href="javascript:void(0);" onclick="openTab('http://stackoverflow.com')">StackOverflow</a>

<a href="javascript:void(0);" onclick="openTab('https://github.com')">GitHub</a>

脚本

function openTab(link) {
    window.mypopup = window.open(link);
}

2 个答案:

答案 0 :(得分:2)

编辑:我改变了我的整个答案,因为我看到你会选择一种更清洁的方式:

var w;

function openTab(link) {
if (typeof(w) === 'undefined')
    w = window.open(link);
else {
    w.location.href=link;
}

}

请参阅此问题已解决的this topic

干杯

答案 1 :(得分:1)

您可以使用TARGET为不同的网址使用相同的标签。

http://jsfiddle.net/07hh3z2n/2/

这是window.open的第二个参数。

window.open("http://en.wikipedia.org", "MyTab");