window.onload 功能不运行

Question

我遇到了一个奇怪的问题。 onload 函数外部的 console.log() 有效，但内部的 console.log() 不起作用...这是否意味着我的页面永远不会完全加载？我看了一下Chrome的开发者工具，它显示页面已经加载，所以我不太明白......（here是devtool的屏幕）

这是我的代码：

console.log("hello1");

window.onload = function()
{
    console.log("hello2");
};

（我在 WordPress 网站中使用它，但我认为它没有任何改变）

提前致谢，

ArbreMojo。

Answer 1

一些其他代码可能正在为 window.onload 方法分配另一个函数值，因此它基本上覆盖了您的分配。

代替window.onload = function你可以这样做：

window.addEventListener('load', function() {
  console.log('loaded')
})

允许为该事件附加任意数量的处理程序。这确保没有任何东西可以覆盖您的回调函数。

有关详细信息，请参阅：EventTarget.addEventListener。

window.onload function not running