Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Christopher Debove
Christopher Debove
Courses Plus Student 18,372 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