kaloian
4/11/2020 - 9:04 PM

Document ready

Execute javaScript after page loads

//jQuery
$(document).ready(function() {
    console.log( "ready!" );
});

$(window).on( "load", function() {
    console.log( "window loaded" );
});
    
//VANILA JavaScript
window.onload = function() {
  console.log( "DOM loaded!" );
};

//VANILA JavaScript
document.addEventListener("DOMContentLoaded", function() {
 console.log( "DOM loaded!" );
});

//OR

var callback = function(){
console.log( "DOM loaded!" );
};

if (document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll)) {
  callback();
} 
else {
document.addEventListener("DOMContentLoaded", callback);
}