浏览器跳转新窗口再跳回来

我已经超鬼了2024-11-11 9:15

本文介绍了如何在浏览器中实现

场景：原页面中的链接用新tab页打开访问，操作完后（如表单提交完，点击按钮触发等）需要再跳回原页面并自动关闭新页面

实现方案

使用 window.open 进行回跳（注：a标签不能设置 noreferrer，否则跳不回来 ），具体示例如下：

1、原页面跳转链接实现

javascript 复制代码

 <a
    href='新页面url'
    target='新页面url'
    onClick={() => window.name = '原页面名称'}
>
    点击跳转
</a>

2、新页面回跳实现

javascript 复制代码

goBack={() => {
    // 如果是跳转过来的页面则回跳，没有则直接关闭当前页面
    if (window.opener) {
        window.open('', '原页面名称');
    }
    window.close();
}}