Attach a body onload event with JS

Question

How do I attach a body onload event with JS in a cross browser way? As simple as this?

  document.body.onload = function(){       alert("LOADED!");   } 

Answer 1

This takes advantage of DOMContentLoaded - which fires before onload - but allows you to stick in all your unobtrusiveness...

window.onload - Dean Edwards - The blog post talks more about it - and here is the complete code copied from the comments of that same blog.

// Dean Edwards/Matthias Miller/John Resig  function init() {   // quit if this function has already been called   if (arguments.callee.done) return;    // flag this function so we don't do the same thing twice   arguments.callee.done = true;    // kill the timer   if (_timer) clearInterval(_timer);    // do stuff };  /* for Mozilla/Opera9 */ if (document.addEventListener) {   document.addEventListener("DOMContentLoaded", init, false); }  /* for Internet Explorer */ /*@cc_on @*/ /*@if (@_win32)   document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");   var script = document.getElementById("__ie_onload");   script.onreadystatechange = function() {     if (this.readyState == "complete") {       init(); // call the onload handler     }   }; /*@end @*/  /* for Safari */ if (/WebKit/i.test(navigator.userAgent)) { // sniff   var _timer = setInterval(function() {     if (/loaded|complete/.test(document.readyState)) {       init(); // call the onload handler     }   }, 10); }  /* for other browsers */ window.onload = init; 

Answer 2

Why not use window's own onload event ?

window.onload = function () {       alert("LOADED!"); } 

If I'm not mistaken, that is compatible across all browsers.