how do you know if document is ready

Question

I have a JavaScript that generates HTML blocks. This script is sometimes called somewhere in run time, and sometimes before document is loaded. I want a script that is able to tell if document is ready. If so, generate the HTML, otherwise, add a document.ready() function. What is jQuery's best way to know if document has been loaded?

Answer 1

Use the load event:

$(window).load(function(){
  // your code...
});

With load event, the DOM, images, frames and any other external resources are loaded into the document.

Answer 2

The purpose of

$(document).ready()

is precisely to run code once the document is ready. Or am I missing something?

Answer 3

$(document).ready(
    function() {
        //code to execute once the page is loaded
    }
);

Answer 4

It's safe to always wrap that HTML generation code in $(document).ready(). If the document is already ready, a newly registered $(document).ready() callback will execute immediately.

Answer 5

http://www.learningjquery.com/2006/09/introducing-document-ready

 $(document).ready(function() {
   // put all your jQuery goodness in here.
 });

Answer 6

You can use the ready event to run things after the DOM is loaded

$(document).ready( function() {
  // your function
});

or the load event to wait until absolutely everything is loaded

$(document).load( function() {
  // your function
});

Unless you know you need to use the load event, I would use the ready one (which I believe is the DOMContentLoaded event).

Answer 7

$(function() {
    // document has loaded at this point
});