python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
difference between document ready and onload in jquery

difference between document ready and body onload in jQuery


The main differences are the $(document).ready() event called when your HTML document is loaded and DOM is ready and it's don't wait for your content and images etc. fully loaded but  window.onload()(<body onload="func();">) event is  wait for your content and images etc. fully loaded.


The $(document).ready() function is called only one time when your page is loading not for partial page rendering in that case you need to use pageLoad() function.

Document Ready function:-
We can call more than one document.ready() function in single page.
The document.ready() function is called when DOM is not fully loaded that means rest of images, css or other 3rd party reference on page.
It will not wait for the images, css or other 3rd party to get loaded.

Body Onload function:-
The body.onload() function, we can have only one body.onload() function.
The body.onload() function is called when everything fully loaded on the page like DOM, images and css or other 3rd party reference on page.
It will wait for the images, css or other 3rd party to get loaded.

The ready and load events:
1.      $(document).on('ready', handler)
2.      $(document).on('load', handler)

The ready and load functions: 
1.      $(document).ready(handler)

2.      $(document).load(handler)
ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions