window.onload vs jQuery(document).ready

本文关键字：document ready jQuery onload vs window 更新时间：2023-09-26

我想知道从

$(document).ready(function() {...})

自

window.onload = function() {...}

原因是我正在制作一个小部件，并且不想强制执行jQuery包含，以防用户已经将其包含在他们的应用程序中，我也不希望他们必须修改小部件代码 - 所以我正在动态确定我是否应该包含它。

但是，为了动态包含它，我在window.onload之前无法访问jQuery，这使我持怀疑态度。

我主要担心的是这会破坏用户应用程序的功能。 那么......会吗？

提前谢谢。

您的函数实际上将在页面生命周期的不同点触发。 onload 在生命周期的早期调用，然后必须加载所有页面元素，而 ready 事件稍后触发。如果你想在不使用jQuery的情况下附加到事件，你也可以轻松地做到这一点：

document.addEventListener('DOMContentReady', function()
{
     // Stuff
});