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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM