通过在新选项卡中打开 URL 或尽可能重复使用现有 URL 来优化浏览体验

Question

现在我有一个链接

<a href="blabla" target="_blank">link</a>

但是，这总是会打开一个新选项卡。我想要下面的效果

1. 如果用户已有具有相同网址的标签页，请重复使用该标签页，并在可能的情况下刷新
2. 否则，打开新标签页

如何使用 JavaScript 实现此目的？

如果只有一些特定于浏览器的方法也没关系，因此没有相应支持的浏览器的用户将“回退”到始终新标签的方式。

Answer 1

设置target="child"将刷新当前选项卡（如果已打开）

ABcd
Defg

Answer 2

您可以设置特定窗口的名称，以便打开重用选项卡。问题是，只要 href 相同，就不会重新加载。所以你无法轻易获取refresh部分。

例如，您可以：

link
link

在 JS 中，您实际上可以使用 window.open 获得相同的结果。您还可以使用 url 作为目标，这样您就不需要手动指定：

link
link

您还可以概括并向文档添加点击侦听器，以便以这种方式打开某些链接。像这样的东西：

    link
    link


sssccc

如果页面位于同一域中，此时您可能也可以尝试对页面进行经验刷新。