CODEDIGEST
Home Articles CodeDigest Tutorials FAQs
Skip Navigation LinksHome » FAQs » What is the difference between Body.OnLoad and jQuery document.ready() Event?   You are not logged in.
Search
 

Sponsors
 

Technologies
 

What is the difference between Body.OnLoad and jQuery document.ready() Event?
Submitted By Satheesh Babu B
On 7/28/2009 8:09:00 AM
Tags: Interview Questions,jQuery,javascript  

What is the difference between Body.OnLoad and jQuery document.ready() Event?

Both Body.OnLoad() event and jQuery.ready() event will execute the javascript code when the page is loaded.

 

 The main differences between the two are:

  1. Body.Onload() event will be called only after the DOM and associated resources like images got loaded, but jQuery's document.ready() event will be called once the DOM is loaded i.e., it wont wait for the resources like images to get loaded. Hence, the functions in jQuery's ready event will get executed once the HTML structure is loaded without waiting for the resources.
  2. We can have multiple document.ready() in a page but Body.Onload() event cannot.

 

Defining Body.Onload() event
<body onload="javascript function name or the atcual script">


Defining jQuery.ready() event

<script type="text/javascript">
$(document).ready(function() {
   //Script goes here
});

</script>

OR

<script type="text/javascript">
        $(function() {
       //Script goes here
        });
   
    </script>

Happy Coding!!

Recent FAQs
  • View All FAQs..