Where should JS scripts go in an HTML file?

Question

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

or add

Answer 1

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

changes the contents of the div, wherease

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

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

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