How do you know if a document is ready

Question

I have JavaScript that generates HTML blocks. This script is sometimes called somewhere at runtime, and sometimes even before the document is loaded. I want a script that can tell if a document is ready. If so, generate HTML, otherwise add the document.ready () function. What is jQuery best way to find out if a document is loaded?

Answer 1

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

Answer 2

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

Answer 3

load :

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

load DOM, , .

Answer 4

DOM

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

or a download event to wait for a download absolutely absolutely

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

If you don’t know that you need to use the load event, I would use a ready-made one (which, I believe, is a DOMContentLoaded event).

Answer 5

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

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

Answer 6

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