How to imitate cross-browser $(document).ready() behavior without JQuery

Question

Possible Duplicate:
$(document).ready equivalent without jQuery

I have a script I need to write that needs to execute on DOM ready, but I can't have dependency on JQuery as part of the script.

I want to imitate $(document).ready(), How can I implement this behavior in the shortest way?

Karoly was not joking. If you really want it to function like jQuery, just use that part of the source code. — rkw, Mar 20 '12 at 09:46
I did copy the JQuery function I seems to be the best solution, thank you I just wasn't sure — David MZ, Mar 20 '12 at 16:17

m90 · Answer 1 · 2012-03-20T09:50:42.563

3

You can use:

document.addEventListener("DOMContentLoaded", function(){
//do things
},false);

for example. Note that this might be a problem in older browsers though, see MDN for a list of supported browsers.

edited Mar 20 '12 at 09:50

answered Mar 20 '12 at 09:45

m90

This is partial solution for some browsers only. – jfriend00 Mar 20 '12 at 10:07

score 0 · Answer 2 · answered Mar 20 '12 at 09:45

0

You could do 2 things. On the body tag add an onload event:

    <body onload="myJSFunction()"></body>

Otherwise, you can add the functions in the bottom of the markup with:

<script type="text/javascript"> function myFunction()</script>

answered Mar 20 '12 at 09:45

Th0rndike

score -1 · Answer 3 · answered Mar 20 '12 at 09:44

-1

window.onload = function() {
    // write some javascript here
    // this will be executed on page load
}

answered Mar 20 '12 at 09:44

tusar

2

While this would most likely work, the code jQuery uses to bind `document.ready` is FAR more complex. If the OP is looking to imitate it directly, this will not suffice. – Rory McCrossan Mar 20 '12 at 09:49
1

This is not equivalent to DOM Ready. – jfriend00 Mar 20 '12 at 10:06

3 Answers3