js 外部引用文件与 onload()函数的优先级

Posted C碧水蓝天S

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 外部引用文件与 onload()函数的优先级相关的知识,希望对你有一定的参考价值。

html页面中的body加载进来的时候,外部引用的js文件存放的位置
1.js文件放在body里面,则是按照body的加载顺序(按先后顺序)进行加载
2.js文件放在<head>标签里面的文件,则是在body加载完之后,才加载头部的js文件
 
注:js文件和body加载的顺序是: body ----> js文件
 
在body里面加载的 js文件 和 onload函数的加载顺序:
 
同在body里面加载的文件,onload函数会优先于 js文件的加载
实例代码:
 
a.html
<html>
<head>
<meta charset="utf-8" />
<title>JSPlumb</title>
<link rel="stylesheet" href="css/demo.css" />
<script type="application/javascript">
function aaa(){
alert("first one");
}
</script>
</head>
<body onload="aaa()">
<script type="text/javascript" src="../demo.js" ></script>
</body>
</html>
 
demo.js
(function($){
alert("second");
})(jQuery);
 
 
输出结果: first one -----> second

以上是关于js 外部引用文件与 onload()函数的优先级的主要内容,如果未能解决你的问题,请参考以下文章

JS onload

面试题

JS的转向函数是啥?怎样引用一个外部JS文件?

js中的window.onload链接外部js文件能不能写两次以上?即每一个js文件都用一下window.onload

js函数引用函数调用与回调函数

js文件如何引用外部js