Load Document For Free

Ready() is a jQuery event which occurs when the HTML document has been fully loaded, while the window. onload event occurs later, when everything including images on the page loaded. Also window. onload is a pure javascript event in the DOM, while the $(document). ready() event is a method in jQuery.

In simple words, window. load is called when all content of window is loaded whereas document. ready is called when DOM is loaded and document structure is ready.

The load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images. This is in contrast to DOMContentLoaded , which is fired as soon as the page DOM has been loaded, without waiting for resources to finish loading.

The load() method attaches an event handler to the load event. The load event occurs when a specified element has been loaded. This event works with elements associated with a URL (image, script, frame, iframe), and the window object.Note: There is also a jQuery AJAX method called load().

The general idea is that window. onload fires when the document's window is ready for presentation and document. onload fires when the DOM tree (built from the markup code within the document) is completed.

The onload property processes load events after the element has finished loading. This is used with the window element to execute a script after the webpage has completely loaded.It will run the function as soon as the webpage has been loaded.

Load() will run once the entire page(images, iframes, stylesheets,etc) are loaded whereas the document ready event fires before all images,iframes etc. are loaded, but after the whole DOM itself is ready.