How to load external javascript file first before using it in BODY onload event?

Question

<head>
    <script type="text/javascript" src="folder/externaljs.js">
</head>

<body onload="someFunctionInExternalJS();">
</body>

How do I ensure that externaljs.js is loaded first so that someFunctionInExternalJS() is executed as a result? Thanks!

would you like to show the someFunctionInExternalJS(); function? — Faiz Ahmed
– Faiz Ahmed, Commented Aug 15, 2014 at 18:21
That's just an example it could be any function in externaljs.js file — Bubba Yakoza
– Bubba Yakoza, Commented Aug 15, 2014 at 18:23

Loïc Poullain · Accepted Answer · 2014-08-15 18:36:03Z

2

I tested this code and it works fine :

<!doctype html>
<html>
 <head>
 <script src="my_script.js"></script>
 </head>
<body onload="my_function()">

</body>
</html>

with this in my_script.js :

function my_function () {
    alert("Hello world!");
    }

Another solution is to write this in my_script.js :

function my_function () {
    alert("Hello world!");
    }

document.onload = my_function();

answered Aug 15, 2014 at 18:36

Loïc Poullain

825 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Blake A. Nichols · Accepted Answer · 2014-08-15 18:36:10Z

2

The external javascript file will load and execute before continuing along and building the DOM, unless it is async (http://www.w3schools.com/tags/att_script_async.asp).

Any external file that the DOM requires to build (javascript, css primarily) will load as it is being parsed. This is why you will sometimes see javascript at the bottom of the body tag instead of the head.

answered Aug 15, 2014 at 18:36

Blake A. Nichols

8701 gold badge6 silver badges11 bronze badges

Comments

Paulo · Accepted Answer · 2014-08-15 18:36:57Z

2

using jquery,

$(document).ready(function() {
    //anything in here will only be called/work when the document is ready.

 //call your function in here, instead of bodyonload
});

answered Aug 15, 2014 at 18:36

Paulo

1706 bronze badges

Collectives™ on Stack Overflow

How to load external javascript file first before using it in BODY onload event?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related