/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

5 votes124 views2 answers
Validate length with html
Html
162 votes127 views6 answers
Html stylesheet link
Html
1 vote151 views1 answer
How to add double space in html
Html
0 vote126 views2 answers
How to hide youtube watermark from embedded video :2021
Html
0 vote133 views1 answer
H = (h < 10) ? "0" + h : h;
Html
1 vote186 views2 answers
Show spinner during API request pure html and jquery
Html
18 votes152 views5 answers
Title tag html
Html
22 votes151 views3 answers
How to link to an email in html
Html
1 vote116 views1 answer
Html cursief
Html
0 vote133 views1 answer
<aside> Tag in hindi
Html