Home/ Questions/Q 6197499
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T03:49:55+00:00

I want to detect when the <body> element finishes loading into the DOM from

  • 0

I want to detect when the <body> element finishes loading into the DOM from an external script without using an external JavaScript library. I do not want to use document.ready or window.onload because they do not fire until the entire DOM (including all external files) finishes loading.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s a simple solution that works in ALL browsers:

    1. Insert the following code above the </body> tag in the HTML:

      <script type="text/javascript">
  try {
    ONLOAD()
  } catch(e) {
    ONLOADq=1
  }
</script>

MINIFIED:
<script type="text/javascript">try{ONLOAD()}catch(e){ONLOADq=1}</script>

    2. Insert this code in the external javascript:

      if ( typeof ONLOADq === 'number') {
  ONLOAD()
};

    3. Place all the code in the external javscript that needs to be run on the page’s load into a function called ONLOAD. For example:

      function ONLOAD() { document.body.appendChild(ST1) };

    The first part covers instances when the external javascript finishes loading before the HTML, and the second part, vice-versa.

    • 0