Domcontentloaded vs load

Domcontentloaded

The domcontentloaded event is fired when the document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading (the load event can be used to detect a fully-loaded page ).

Specifically, the domcontentloaded event is triggered when the DOM framework is loaded and executed without waiting for loading and drawing of other CSS and IMG resources. Compatibility example:

Since earlier ie versions do not support domcontentloaded, the following form is used (from jquery1.2.4 ):

If (jquery. browser. MSIE & window = Top) (function (){
If (jquery. isready) return;
Try {
// If IE is used, use the trick by Diego Perini
// Http://javascript.nwbox.com/IEContentLoaded/
Document.doc umentelement. doscroll ("Left ");
} Catch (error ){
SetTimeout (arguments. callee, 0 );
Return;
}
// And execute any waiting Functions
Jquery. Ready ();
})();

See http://javascript.nwbox.com/IEContentLoaded/ for details

 

 

Load

TheLoadEvent is fired when a resource and its dependent resources have finished loading.

Specifically, load will not be executed until all the above resources (DOM, CSS, IMG and other resources) are loaded and drawn.

Visible,Domcontentloaded must start with load.