<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!
<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!
- "How do I ensure?" Test it! – Faiz Ahmed Commented Aug 15, 2014 at 18:20
- Tested ... not working – Bubba Yakoza Commented Aug 15, 2014 at 18:21
-
would you like to show the
someFunctionInExternalJS();function? – 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 Commented Aug 15, 2014 at 18:23
-
1
call your JS function inside
window.onloadevent instead – frogatto Commented Aug 15, 2014 at 18:31
3 Answers
Reset to default 2I 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();
The external javascript file will load and execute before continuing along and building the DOM, unless it is async (http://www.w3schools./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.
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
});