abha57 · November 20, 2020 16:57
diff --git a/Page: DOMContentLoaded, load, beforeunload, unload b/Page: DOMContentLoaded, load, beforeunload, unload
 DOMContentLoaded – the browser fully loaded HTML, and the DOM tree is built, but external resources like pictures <img> and stylesheets may not yet have loaded.
 load – not only HTML is loaded, but also all the external resources: images, styles etc.
 beforeunload/unload – the user is leaving the page.

 When the browser processes an HTML-document and comes across a <script> tag, it needs to execute before continuing building the DOM.
 That’s a precaution, as scripts may want to modify DOM, and even document.write into it, so DOMContentLoaded has to wait.
 So DOMContentLoaded definitely happens after such scripts.
 There are two exceptions from this rule:
 Scripts with the async attribute, that we’ll cover a bit later, don’t block DOMContentLoaded.
 Scripts that are generated dynamically with document.createElement('script') and then added to the webpage also don’t block this event.
	DOMContentLoaded – the browser fully loaded HTML, and the DOM tree is built, but external resources like pictures <img> and stylesheets may not yet have loaded.
	load – not only HTML is loaded, but also all the external resources: images, styles etc.
	beforeunload/unload – the user is leaving the page.

	When the browser processes an HTML-document and comes across a <script> tag, it needs to execute before continuing building the DOM.
	That’s a precaution, as scripts may want to modify DOM, and even document.write into it, so DOMContentLoaded has to wait.
	So DOMContentLoaded definitely happens after such scripts.
	There are two exceptions from this rule:
	Scripts with the async attribute, that we’ll cover a bit later, don’t block DOMContentLoaded.
	Scripts that are generated dynamically with document.createElement('script') and then added to the webpage also don’t block this event.
No results found