Document Ready JQuery
// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});
Xerothermic Xenomorph
// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});
//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
});document.addEventListener("DOMContentLoaded", function() {
// code
});document.addEventListener("DOMContentLoaded", function(event) {
//do work
});// A document ready block with JQery.
$( document ).ready(function() {
// we ready for fire action with JQery.
});
// A document ready block with javascript.
document.addEventListener("DOMContentLoaded", function(event) {
// we ready for fire action with javascript.
});// Pure JS document ready ...
document.addEventListener('DOMContentLoaded', (event) => {
//the event occurred
})