execute js after page load code example
Example 1: 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
});
Example 2: window.onload execute after load page
/* javascript function is executed after 5 seconds page was loaded */
window.onload = function() {
setTimeout(loadAfterTime, 5000)
};
function loadAfterTime(){
document.getElementById("menu").style.display="block";
}
Example 3: javascript execute code on page load
<html>
<body onload="loaded();"></body>
<script>
function loaded() {
alert('Page is loaded');
}
</script>
</html>
Example 4: html tag run only after whole page is loaded
<body onload="script();">