docReady is a single plain javascript function that provides a method of
scheduling one or more javascript functions to run at some later
point when the DOM has finished loading.
It works similarly to jQuery's $(document).ready(), but this is a small
single standalone function that does not require jQuery in any way.
These are various forms of usage:
// pass a function reference
docReady(fn);
// use an anonymous function
docReady(function() {
// code here
});
// pass a function reference and a context
// the context will be passed to the function as the first argument
docReady(fn, context);
// use an anonymous function with a context
docReady(function(ctx) {
// code here that can use the context argument that was passed to docReady
}, context);
docReady(fn) can be called as many times as desired and each callback function will be
called in order when the DOM is done being parsed and is ready for manipulation.
If you call docReady(fn) after the DOM is already ready, the callback with be executed
as soon as the current thread of execution finishes by using setTimeout(fn, 1).
It has been tested in the following browser configurations:
IE6 and up
Firefox 3.6 and up
Chrome 14 and up
Safari 5.1 and up
Opera 11.6 and up
Multiple iOS devices
Multiple Android devices
Other discussion can be found here: http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys-ready-how-to-call-a-function-when-the/9899701#9899701