admin管理员组

文章数量:1341450

<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!

  • javascript
Share Improve this question edited Aug 15, 2014 at 18:33 frogatto 29.3k13 gold badges89 silver badges135 bronze badges asked Aug 15, 2014 at 18:17 Bubba YakozaBubba Yakoza 7992 gold badges9 silver badges18 bronze badges 8
  • "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.onload event instead – frogatto Commented Aug 15, 2014 at 18:31
 |  Show 3 more ments

3 Answers 3

Reset to default 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();

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
});

本文标签： How to load external javascript file first before using it in BODY onload eventStack Overflow

版权声明：本文标题：How to load external javascript file first before using it in BODY onload event? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743676333a2520377.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。