Pure JavaScript equivalent of jQuery's $.ready()

js document ready

By Ugly Unicorn on Jan 06, 2022

// Pure JS document ready ...
document.addEventListener('DOMContentLoaded', (event) => {
  //the event occurred
})

Add Comment

javascript run document ready

By Prickly Pheasant on Jan 06, 2022

document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});

Source: learn.jquery.com

Add Comment

document ready jquery

By Grepper on Jan 06, 2022

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

Add Comment

document .ready

// 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.
});

Add Comment

dom ready js

By Joyous Jaguar on Jan 06, 2022

document.addEventListener("DOMContentLoaded", function() {
  // code
});

Add Comment

javascript after dom ready

By Grepper on Jan 06, 2022

//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
});

Add Comment

jquery document ready

By Tense Tern on Jan 06, 2022

// jQuery document ready
$(document).ready(function() {
    
});

Add Comment

jquery doc ready

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

Add Comment

document ready without jquery

document.addEventListener("DOMContentLoaded", function(event) { 
  //we ready baby
});

Add Comment

js ready

// without jQuery (doesn't work in older IEs)
document.addEventListener('DOMContentLoaded', function(){ 
    // your code goes here
}, false);

Add Comment