如何在location地址变更后执行指定脚本？

嘿，这个问题我之前也碰到过！其实核心原因是location.replace()会立即销毁当前页面的JS执行上下文，浏览器马上开始加载新页面，后面的alert()根本没机会运行。下面分两种场景给你说可行的解决办法：

这是最容易处理的情况，有两种实用思路：

方法1：直接在目标页面添加弹窗代码 #

最简单的方式就是把弹窗逻辑直接写进目标页面的脚本里。比如在目标页面的底部加上这段代码：

// 目标页面的代码
window.addEventListener('load', function() {
  alert("hello");
});

等页面加载完成后，弹窗会自动触发，完全不用在原页面做额外操作。

方法2：通过存储传递触发信号 #

如果需要只有从特定页面跳转过来时才弹出提示，可以用sessionStorage传递一个标记：

• 原页面的跳转代码：

// 原页面
sessionStorage.setItem('triggerAlert', 'true');
location.replace("your-target-url");

• 目标页面的监听代码：

// 目标页面
window.addEventListener('DOMContentLoaded', function() {
  const shouldAlert = sessionStorage.getItem('triggerAlert');
  if (shouldAlert === 'true') {
    alert("hello");
    sessionStorage.removeItem('triggerAlert'); // 清理标记，避免刷新页面再次触发
  }
});

这种方式灵活性更高，只有从设置了标记的页面跳转过来才会弹窗，不会影响目标页面的其他访问场景。

很遗憾，这种情况下没有靠谱的纯前端方案能实现你的需求。浏览器的同源安全策略会禁止你在跨域页面中执行脚本——你没法直接控制第三方页面的代码，也不能强制它弹出提示。如果一定要实现类似效果，可能需要借助浏览器扩展（比如Chrome扩展），但那已经超出了普通网页JS的范畴，而且需要用户主动安装扩展才行。

内容的提问来源于stack exchange，提问作者Binil George