通过在新选项卡中打开 URL 或尽可能重复使用现有 URL 来优化浏览体验
P粉939473759
2023-08-24 19:03:55
<p>现在我有一个链接</p>
<pre class="brush:php;toolbar:false;"><a href="blabla" target="_blank">link</a></pre>
<p>但是,这总是会打开一个新选项卡。我想要下面的效果</p>
<ol>
<li>如果用户已有具有相同网址的标签页,请重复使用该标签页,并在可能的情况下刷新</li>
<li>否则,打开新标签页</li>
</ol>
<p>如何使用 JavaScript 实现此目的?</p>
<p>如果只有一些特定于浏览器的方法也没关系,因此没有相应支持的浏览器的用户将“回退”到始终新标签的方式。</p>
设置
target="child"
将刷新当前选项卡(如果已打开)您可以设置特定窗口的名称,以便打开重用选项卡。问题是,只要 href 相同,就不会重新加载。所以你无法轻易获取
refresh
部分。例如,您可以:
在 JS 中,您实际上可以使用
window.open
获得相同的结果。您还可以使用 url 作为目标
,这样您就不需要手动指定:您还可以概括并向文档添加点击侦听器,以便以这种方式打开某些链接。像这样的东西:
如果页面位于同一域中,此时您可能也可以尝试对页面进行经验刷新。