Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript DOM Scripting By Example Improving the Application Code The DOMContentLoaded Event

Christopher Debove
Christopher Debove
Courses Plus Student 18,373 Points

What is the purpose of DOMContentLoaded and script in head tag?

I already know the answer. I would like to have the opinion of the community.

What is the purpose of loading your script in the head tag? Basically :

  • It increase the time at when the HTML is loaded
  • You need to encapsulate the starting point of your script in a DOMContentLoaded event
  • Referring to previous point your JS file is larger.

I don't really see any good for this kind of practice. Someone know a case of script (which have something to do with DOM) which need to be loaded on head tag ?

1 Answer