一次又一次地在新的相同标签中打开一个网址

Posted 2023-03-05

【中文标题】一次又一次地在新的相同标签中打开一个网址

【英文标题】：Open a url in new and same tab again and again

【发布时间】：2016-09-12 23:40:04

【问题描述】：

我找不到答案。

如何使用 window.open 在新标签页中打开链接？

重复调用应该重新加载同一个标签，而不是打开一个新标签。

我有一个按钮，点击时应该加载一个 url。重复单击应在同一选项卡/窗口中重新加载。

【问题讨论】：

***.com/questions/7077770/…

【参考方案1】：

您需要将名称作为第二个参数传递给window.open

只要具有该名称的选项卡尚未关闭，它将被重复使用。

【参考方案2】：

你可以试试这个

window.open('http://www.example.com','mywindow');

JSFiddle : https://jsfiddle.net/p26c2atz/

【参考方案3】：

在普通的 JS 中

<form>
  <input type="button" id="openWindow" value="Open Window" onclick="newTab()">
</form>
<script>
  function newTab() 
      var form = document.createElement("form");
      form.method = "GET";
      form.action = "http://www.example.com";
      form.target = "newWin";
      document.body.appendChild(form);
      form.submit();
  

</script>

您可以在 https://jsfiddle.net/jprbj21u/ 中看到它的实际效果

其他方式是：

<form>
  <input type="button" id="openWindow" value="Open Window" onclick="window.open('http://www.example.com','newWin')">
</form>

该链接将在名为“newWin”的选项卡中打开。只要您打开同一个窗口，任何新的 URL 都会加载到它上面。

【参考方案4】：

在这里你可以在聚焦后改变目标。我测试了它的工作。

链接

<script type="text/javascript">
$('a').focusout(function(e) 
    $(this).attr('target','_self');
);
</script>

【参考方案5】：

window.open(url,'someconstant',"width=600,height=700")

在点击事件时，将打开一个名为“someconstant”的实例的新窗口，当您再次单击时，该窗口将再次打开，覆盖之前的窗口，因为您的实例是相同的！。

希望这会有所帮助。！快乐编码！