首页 > 代码库 > js 外部引用文件与 onload()函数的优先级

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

2024-08-12 04:22:47   209人阅读

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

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


联系
我们