window.onload与jQuery（document）.ready

Question

I was wondering if there are any repercussions I can expect when changing from

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

to

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

The reason being I am making a widget and do not want to enforce a jQuery include in case the user already has it included in their app, nor do I want them to have to modify the widget code -- so I am dynamically determining if I should include it.

However, in order to dynamically include it, I do not have access to jQuery before the window.onload , which brings me to my scepticism.

My main worry is that this will disrupt the functionality of the user's app. So... will it?

Thanks in advance.

Answer 1

Your function will actually fire in a different point in the page lifecycle. onload is called early in the lifecycle before all the page elements are necesarily loaded, whereas the ready event fires later. If you want to attach to the event without using jQuery, you can easily do that too:

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