Skip to content

Javascript like $(document).ready() for “modern HTML5” browsers

This is most likely already a question somewhere, but I cannot find it, as EVERY single search turns up jQuery questions.

I’m looking for a proven method to bind to the document being ready, much like jQuery’s $(document).ready(). However, this is for a “modern browser only” page, with very light javascript, and I’d like to avoid loading jQuery here.

Would someone kindly point me in the right direction?




document.addEventListener('DOMContentLoaded', function () {
    /* ... */

The event "DOMContentLoaded" will be fired when the document has been parsed completely, that is without stylesheets* and additional images. If you need to wait for images and stylesheets, use "load" instead.

* only if the <script> is before the <link rel="stylesheet" ...>

User contributions licensed under: CC BY-SA
4 People found this is helpful