/Html/Html tag run only after whole page is loaded

Html tag run only after whole page is loaded

JavaScript that executes after page load

//two ways of executing JS code after page is loaded, use "DOMContentLoaded" when able

document.addEventListener("DOMContentLoaded", function(){
    //dom is fully loaded, but maybe waiting on images & css files
});

window.addEventListener("load", function(){
    //everything is fully loaded, don't use me if you can use DOMContentLoaded
});

Html tag run only after whole page is loaded

//put your JS code in
document.onload = function {
	// the code here will run when all the HTML is loaded (but the css and the images may miss)
}

// or in
window.onload = function {
  // the code here will run when the whole page is loaded (including css and images)
}

Html tag run only after whole page is loaded

<body onload="script();">
<!-- will call the function script when the body is load -->

Similar codes

0 vote202 views2 answers
Chrome Extension change popup
Html
7 votes188 views2 answers
A open in new tab
Html
0 vote188 views2 answers
Simple dashboard html template
Html
45 votes181 views3 answers
Button color bootstrap
Html
22 votes207 views10 answers
Cat
Html
109 votes199 views10 answers
Thank you coronavirus helpers
Html
63 votes182 views6 answers
Html center image
Html
84 votes192 views6 answers
Html favicon tag
Html
0 vote198 views1 answer
Variables in url_for flask jinja
Html
0 vote203 views1 answer
Tailwind CSS notification toast
Html