JS Window ready and script timings

Question

Super easy one. Using something like Mootools or JQuery or just plain old JS. Can you select a node to work on before the window being ready

For instance (sry for my short hand)

<script>
my = $('main');
my.danceLevel = 1000000;

WindowReady(){
dance(my);
}

</script>

Since the window is not ready can you count on elements being substantiated? Is window ready it being ready to render or being parsed etc..?

score 1 · Accepted Answer · answered May 24 '11 at 17:16

1

Assuming that "main" is an object in the body, the answer is no. "my = $('main');" will return undefined.

answered May 24 '11 at 17:16

James Hill

60,353
20
145
161

lol, looks like we both had "oh crap" moments and changed our answers. :) – epascarello May 24 '11 at 17:20

score 1 · Answer 2 · answered May 24 '11 at 17:16

1

No, elements will not be there so you can not reference them in in the head or before the element has been rendered.

Need to do it with jQuery document ready or place the script after the elements have been rendered.

answered May 24 '11 at 17:16

epascarello

204,599
20
195
236

Are there separate events for the document parsing and rendering? – Tegra Detra May 24 '11 at 17:47

score 0 · Answer 3 · answered May 24 '11 at 20:41

You can do this, but you really shouldn't...

var yourElement;
function findElement() {
    var element = $("ElementID");
    if (element) {
        clearInterval(int);
        yourElement = element;
        //Do code here.
    }
}
var int = setInterval("findElement()", 10);

Why can't you just rely on the DOM Ready function of your JS Library of choice? Unless the page markup is GIGANTIC, the time it takes for the DOM to be ready vs the speed gain from this method will be minimal at best. This will just add unnecessary complexity to your scripts.

JS Window ready and script timings

3 Answers3