The DOMContentLoaded event fires when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading. This is different from the load event (window.onload), which waits for all resources. DOMContentLoaded is ideal for running JavaScript that needs to interact with DOM elements but doesn't depend on external resources.