Home/ Questions/Q 6839201
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T23:41:25+00:00

I’m working without the JavaScript framework, but I want to call a function just

  • 0

I’m working without the JavaScript framework, but I want to call a function just when the DOM is loaded.

I can’t/don’t want to use the attribute onload on the <body> tag.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is the code:

    • in non-IE browsers, use DOMContentLoaded event
    • in IE top frame use scroll hack (see _readyIEtop)

    • in IE frame, simply use onload

      var onready = function(handler) {
    // window is loaded already - just run the handler
    if(document && document.readyState==="complete") return handler();

    // non-IE: DOMContentLoaded event
    if(window.addEventListener) window.addEventListener("DOMContentLoaded",handler,false);

    // IE top frame: use scroll hack
    else if(window.attachEvent && window==window.top) { if(_readyQueue.push(handler)==1) _readyIEtop(); }

    // IE frame: use onload
    else if(window.attachEvent) window.attachEvent("onload",handler);
};

// IE stuff
var _readyQueue = [];
var _readyIEtop = function() {
    try {
      document.documentElement.doScroll("left");
      var fn; while((fn=_readyQueue.shift())!=undefined) fn();
    }
    catch(err) { setTimeout(_readyIEtop,50); }
};

    jQuery tunes the IE a little more (lots of code), but in my tests it runs just before onload event anyway.

    var test = function() { alert("ok"); }
onready(test);
    • 0