$(document).ready equivalent without jQuery

Question

I have a script that uses $(document).ready, but it doesn't use anything else from jQuery. I'd like to lighten it up by removing the jQuery dependency.

How can I implement my own $(document).ready functionality without using jQuery? I know that using window.onload will not be the same, as window.onload fires after all images, frames, etc. have been loaded.

Answer 1

The equivalent of $(document).ready without jQuery is DOMContentLoaded which is supported by many browsers, though not IE8:

document.addEventListener("DOMContentLoaded", function(event) { //your code

});