Document.ready Like Functionality In Javascript?

December 17, 2023 Post a Comment

I have a requirement that states to use only plain JavaScript and not jQuery. I need to initialize some variables(using some function) as soon as the DOM is loaded and not when the

Solution 1:

a "practical" way is just placing a script block before the end of the document (even is not really equivalent to domready)

  ...
  <script>...</script></body></html>

or use one of various pure-js implementation of DomReady event, like http://snipplr.com/view/6029/domreadyjs/

Solution 2:

It's sometimes achieved like this

<body><!--
All your html tags here
....
....
--><scripttype="text/javascript">//this should execute after the above tags and elements have rendered</script></body>

Solution 3:

You can use DOMContentLoaded event if supported:

MSDN: http://msdn.microsoft.com/en-us/library/windows/apps/hh868490.aspx

Solution 4:

if you realy want to wait for "ready event" you can for example use that kind of thing :

    (function(w,evt,fn){
        if (w.addEventListener){// W3C DOM
            w.addEventListener(evt,fn,false);
        }
        elseif (w.attachEvent) { // IE DOM
            w.attachEvent("on"+evt, fn);
        }

    })(window,'load',function(){
       // your code here
    });