What is the DOM ready event?

javascript domready
silkAdmin picture silkAdmin · Sep 28, 2012 · Viewed 40.8k times · Source

I need to fire a script as soon as the page content (the whole HTML element) has been received, but it doesn't have to be rendered yet.

I assume that just having a simple <script> tag that executes some code at the very top of my page should do the trick?

To formulate the question differently: does DOM ready mean that all elements and resources have been pulled and rendered?

Answer

Oded picture Oded · Sep 28, 2012

DOM ready means that all the HTML has been received and parsed by the browser into the DOM tree which can now be manipulated.

It occurs before the page has been fully rendered (as external resources may have not yet fully downloaded - including images, CSS, JavaScript and any other linked resources).

The actual event is called DOMContentLoaded.

Related questions

How to check if DOM is ready without a framework?

The question is so like a zillion others here and on the web - How to check if DOM has loaded in Javascript? But here's the catch: Without using a framework like jQuery etc; Without knowing if your script has …

Read More
Clear all forms on page load

I want to clear all forms on page load. I tried to use this function on domready, but it doesn't help. I'm new to JavaScript. Is there anything wrong with this function? $(':input', form) .not(':button, :submit, :reset, :…

Read More
javascript:how to write $(document).ready like event without jquery

in jquery $(document).ready(function) or $(function) , how could I do the same thing without jquery, and I need browser compatiable, and allow to attach more than one function. Note: dom ready!= window onload

Read More