a标签target="_blank"，怎样在新窗口中返回上一级页面？

Question

比如说在a标签中设置target="_blank"，点击跳转到新开的标签页，然后在新的页面中设置一个按钮，怎样才能点击按钮返回之前页面呢？

Answer 1

服务器端读取referrer，然后输出到页面上一个链接中

Answer 2

<a href="javascript:;" data-action="link" data-href="这里写原本要跳转的地址" target="_blank">跳转</a>

[...document.querySelectorAll('[data-action="link"]')].forEach(el => {
  el.setAttribute('href', `${el.dataset.href}?returnUrl=${location.href}`)
})

新窗口解析 location.search 参数拿到 returnUrl 点击按钮的时候跳转这个就好了

Answer 3

你是跳到一个新的页面，那就是说现在有两个页面了，如果你这个页面返回到上一个页面，浏览器岂不是有两个一模一样的页面吗？
所以这样的需求就有问题。基本上跳转到一个新的页面时，不用这个页面时都是主动关掉。

Answer 4

返回

Answer 5

刚刚打开的新页面，浏览器的后退键是不可点击的、

如果一定要满足这个需求，可以在页面上做a标签链接回去

Answer 6

可以直接关闭当前这个页面。然后自动返回到上一个页面了。