How to make JavaScript execute after page load?

Total
0
Shares

I’m executing an external script, using a <script> inside <head>.

Now since the script executes before the page has loaded, I can’t access the <body>, among other things. I’d like to execute some JavaScript after the document has been “loaded” (HTML fully downloaded and in-RAM). Are there any events that I can hook onto when my script executes, that will get triggered on page load?


Solution

These solutions will work:

As mentioned in comments use defer:

<script src="deferMe.js" defer></script>

or

<body onload="script();">

or

document.onload = function ...

or even

window.onload = function ...

Note that the last option is a better way to go since it is unobstrusive and is considered more standard.

Source: StackOverflow.com

Leave a Reply

Your email address will not be published. Required fields are marked *