Top community members
All Wiki Articles Create Wiki Article

In the past we had a dream,
to have place where we could share IT knowledge,
to ask questions without fear that someone will judge us.

Now we are a group of people who make this dream come true. ❤ 💻

If you think sharing knowledge and helping other is valuable.

join our community - Click here

JavaScript - document ready equivalent without jQuery

0 contributions
13 points

In this article, we're going to have a look at how to make $(document).ready(...) method equivalent in pure JavaScript. The method is called when DOM is ready to make some manipulations. There are three states that web page can be in: loading, interactive and complete - ready event is executed in last both.

To get better knowledge about:

Quick problem solution:

// ONLINE-RUNNER:browser;

function ready(callback) {
	if (document.readyState === 'complete' || document.readyState === 'interactive') {
		setTimeout(callback, 0);
	} else { // 'loading'
		var proxy = function(e) {
			if (document.readyState === 'complete' || document.readyState === 'interactive') {
				document.removeEventListener('readystatechange', proxy);
				callback();
			}
		};
		document.addEventListener('readystatechange', proxy);
	}
}

// Usage example:

ready(function(e) {
	console.log('Document is ready!');
});

 

0 contributions

Checkout latest Findings & News:

Checkout latest questions:

Checkout latest wiki articles:

Hey 👋
Would you like to know what we do?
  • Dirask is IT community, where we share coding knowledge and help each other to solve coding problems.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.
Read more