What's the difference between "DOMContent event" and "load event"

javascript google-chrome dom-events javascript-debugger
Slevin Josh picture Slevin Josh · Dec 24, 2011 · Viewed 10.2k times · Source

In chrome's Developer tool, the blue vertical line labeled "DOMContent event fired", and the red line labed "load event fired". Does "DOMContent event fired" means the browser begin to execute the inline javascript? And "load event fired" means it fire "onload" event?

Answer

Bakudan picture Bakudan · Dec 25, 2011

"DOMContent Event" is from webkit (which chrome relies on) and is equivelant to DOMContentLoaded msdn mdn.

The DOMContentLoaded event fires when parsing of the current page is complete; the load (onload) event fires when all files have finished loading from all resources, including ads and images. DOMContentLoaded is a great event to use to hookup UI functionality to complex web pages.

See the demo here, related question.

Related questions

Checkbox Check Event Listener

Recently I have been working with the Chrome Plugin API and I am looking to develop a plugin which will make life easier for me for managing a website. Now what I wish to do is to fire an event …

Read More
Using Chrome, how to find to which events are bound to an element

Lets suppose I've a link on my page: <a href="#" id="foo">Click Here</a> I don't know anything else, but when I click on the link, an alert("bar") is displayed. So I know that …

Read More
Create a file using Javascript in Chrome on client side

I would like to know if I can create a text file and save the file in the users "Downloads" section in his/her computer using Javascript. The way my feature should work is when the user clicks the submit …

Read More