window.onload函数未运行

Question

我面临一个奇怪的问题。 onload函数外部的console.log（）可以工作，但是inload函数内部的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。