Home/ Questions/Q 4027668
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T11:07:30+00:00

If you have JS code which is intended to run as part of loading/building

  • 0

If you have JS code which is intended to run as part of loading/building the page, where in the HTML should this go? For instance modifying a <div> or adding some links.
Should this be put in the <body>, interspersed with HTML? Or should it be between the <head> and <body> elements? What order do things happen in – the order they are in the page or does HTML all happen before (non-<head>) JS is run?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The whole HTML file is executed in the order it is written, that means

    <html>
  <div id="ID"></div>
  <script type="text/javascript">
    document.getElementById('ID').innerHTML = "HELLO";
  </script>
</html>

    changes the contents of the div, wherease

    <html>
  <script type="text/javascript">
    document.getElementById('ID').innerHTML = "HELLO";
  </script>
  <div id="ID"></div>
</html>

    does not, because the JS code is executed before the div has loaded.

    EDIT: If you want the JS to run after the page has loaded use window.onload or document.body.onload or

    <body onload="...">

    Alternatively if you’re using a JS library such as jQuery, you can use

    $(document).ready(function() {
  ...
});
    • 0