Generally we listen to whether the document is loaded by using the window's Load event, which fires when everything on the page is loaded, but this process can wait too long for too many external resources to load.
Domcontentloaded event: After the complete DOM tree is formed, it is triggered, regardless of whether the image, JavaScript file, CSS file, or other resources have been downloaded.
Domcontentloaded: The advantage is that you can add event handlers early in the page download, which means that users can interact with the page as early as possible.
Add the Domcontentloaded event as follows:
function (event) { alert ("domcontentloaded");//domcontentloaded }); function (event) { alert ("load");//load })
domcontentloaded
Load
domcontentloaded its target property is document
Current compatibility: ie9+\firefox\chrome\safari3.1+\opera9+
html5-Common Events-domcontentloaded events