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

reloading new webpage content in the same opened tab through javascript

本文关键字:新加载 网页内容 加载 javascript 同一个 选项 通过      更新时间:2023-09-26

我创建了两个超链接,当我点击超链接时,它应该在浏览器中打开一个新的选项卡,其中包含相应的链接网页内容,我已经使用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);
}

编辑:我改变了我的全部答案,因为我看到有一种更干净的方式你会喜欢:

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

请参阅已解决此问题的主题。

干杯

您可以使用TARGET为不同的URL使用相同的选项卡。

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

这是window.open的第二个自变量。

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