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
});wait for page load js
window.addEventListener('load', function () {
})
//THE OTHER ANSWER IS WRONG (has a syntax error)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";
}call javascript function after page load complete
//for jquery
//after document load
$(document).ready(function() { //same as: $(function() {
alert("hi 1");
});
//after full window load including image src css file
$(window).load(function() {
alert("hi 2");
});call javascript function after page load complete
document.addEventListener('readystatechange', event => {
// When HTML/DOM elements are ready:
if (event.target.readyState === "interactive") { //does same as: ..addEventListener("DOMContentLoaded"..
alert("hi 1");
}
// When window loaded ( external resources are loaded too- `css`,`src`, etc...)
if (event.target.readyState === "complete") {
alert("hi 2");
}
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
