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

User · Answer

Why not using jQuery     document  ready function         As far as I know  this is the perfect solution

User · Answer

Cross browser window load event  function load      window  addEventListener    addEventListener     attachEvent     addEventListener    load     onload   load

User · Answer

There are several different methods you have to use for different browsers  Libraries like jQuery give you a cross-browser interface that handles it all for you  though

User · Answer

jcalfee314 s idea worked for me - I had a window onload   onLoad which meant that the functions in  lt body onload       gt  were not being called  which I don t have control over      This fixed it   oldOnLoad   window onload window onload   onLoad   function onLoad     oldOnLoad            Edit  Firefox didn t like oldOnLoad   document body onload   so replaced with oldOnLoad   window onload

User · Answer

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   lt script id   ie onload defer src javascript void 0  gt  lt   script gt       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

User · Answer

Why not use window s own onload event     window onload   function            alert  LOADED         If I m not mistaken  that is compatible across all browsers

User · Answer

document body onload is a cross-browser  but a legacy mechanism that only allows a single callback  you cannot assign multiple functions to it    The closest  standard  alternative  addEventListener is not supported by Internet Explorer  it uses attachEvent   so you will likely want to use a library  jQuery  MooTools  prototype js  etc   to abstract the cross-browser ugliness for you

[javascript] Attach a body onload event with JS

Examples related to javascript

Examples related to html

Examples related to events

Examples related to onload