Is there a way to check document.ready() if jQuery is not available? [duplicate]

Question

Possible Duplicate:
$(document).ready equivalent without jQuery

I know you can use the window.onload event to make functions run, but is there a way for a script to query if the document is ready or not?

Something like

function update() { if( !document.ready() ) // don't do unless document loaded return ; } window.setInterval( 'update();', 100 ) ;

Cannot change the <body> element, and no jQuery/other libraries.

@justkt The OP is not searching for a ready equivalent, but for a method to query whether or not the document has become ready. — Šime Vidas
– Šime Vidas, Commented Apr 18, 2011 at 18:16
@Šime - ready does check whether the document has become ready, then fires events if any are bound to it. — justkt
– justkt, Commented Apr 18, 2011 at 18:18
@justkt Binding a handler to the "ready" event is one thing and querying if the document is ready is another thing. The OP is doing the latter, and that other question the former. Those are two different things. — Šime Vidas
– Šime Vidas, Commented Apr 18, 2011 at 18:33

Mark Amery · Accepted Answer · 2013-07-17 22:29:59Z

83

Here you go:

var tid = setInterval( function () { if ( document.readyState !== 'complete' ) return; clearInterval( tid ); // do your work }, 100 );

Read about the document.readyState property here. I am not sure if all current browsers implement it.

edited Jul 17, 2013 at 22:29

Mark Amery

158k93 gold badges435 silver badges476 bronze badges

answered Apr 18, 2011 at 17:57

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

bobobobo Over a year ago

Grrrrreat answer!! Tested Chrome, IE6,7,and 9, Firefox 4, Opera 11 it works.

Sanjay Over a year ago

Yes great answer indeed. Works in all major browsers. Sorry, the post is late, but still want to ask, Why is it needed to do setInterval for 100ms? Won't it still check without setInterval object.

Šime Vidas Over a year ago

@Yegya setInterval ensures that we keep checking repeatedly, every 100ms, until the document becomes 'complete'.

Sanjay Over a year ago

Oh yes, sorry, I misthought for a second for setInterval to setTimeout. My bad... Thanx for calrifying though.

James Kyburz · Accepted Answer · 2011-04-18 17:59:03Z

Checkout https://github.com/jakobmattsson/onDomReady

It's more complicated than a few lines! - If you want multiple browser compliance.

Juggernogger93 · Accepted Answer · 2012-01-23 19:36:14Z

This code will work in all browsers

if(window.attachEvent()){ window.attachEvent("onload",load); }else{ window.addEventListener("load",load,true); } function load(){ //Code to execute when the document is loaded. }

That, again, is the load, not the ready event. These are different.

Collectives™ on Stack Overflow

Is there a way to check document.ready() if jQuery is not available? [duplicate]

3 Answers 3

4 Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

1 Comment

Linked

Related