Chrome控制台window.onload绑定函数不执行，跳转后失效求解决方案

云上老周

2026-5-27

问题根源

你遇到的这个问题其实很常见：当你设置window.location触发页面跳转时，浏览器会立刻开始卸载当前页面的资源，后续的window.onload = preStart不仅没机会被当前页面生效，而且window.onload本身是当前页面加载完成时才会触发的事件——页面都要被换掉了，自然不会触发这个事件。

可行解决方案

根据你的实际需求，分两种场景给出针对性方案：

场景1：想在跳转前执行`preStart`函数

如果你的需求是先执行代码再跳转，完全不需要绑定window.onload，直接在跳转前调用函数即可：

function preStart() { console.log("Hello"); }
// 先执行函数逻辑
preStart();
// 再触发页面跳转
window.location = 'https://www.google.com/';

这样console.log("Hello")会先执行完成，之后浏览器才会开始跳转流程。

场景2：想在跳转后的页面执行`preStart`函数

这种情况要分两种子情况处理：

如果你能控制目标页面的代码：
可以通过localStorage传递执行标记，在目标页面加载时检查标记并执行逻辑：
当前页面代码：

// 存储一个需要执行逻辑的标记
localStorage.setItem('needRunPreStart', 'true');
window.location = 'https://www.your-target-page.com/';

目标页面代码：

window.onload = function() {
  const shouldRun = localStorage.getItem('needRunPreStart');
  if (shouldRun === 'true') {
    console.log("Hello");
    // 执行后移除标记，避免下次加载时重复执行
    localStorage.removeItem('needRunPreStart');
  }
}