本文分析了当HTML页面中JS文件加载顺序不当导致的Uncaught ReferenceError错误，并给出了正确的加载顺序来解决问题。
当浏览器报Uncaught reference error: “fadeIn" is not defined error这种错误时，问题是当html加载时，引用的script部分js先加载，而script.js调用fadeIn的style.js还没有被加载做成的。
html内容
<head>
<script type="text/javascript" src="jquery-2.2.3.min.js">
</script>
<script type="text/javascript" src="velocity.min.js">
</script>
</head>
<body>
<div>
这个是测试
</div>
</body>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="style.js"></script>
script.js内容
$div = $("div");
$div.velocity(fadeIn, 1000);
style.js内容
var fadeIn = {
opacity: 1,
top: "50px"
};
而解决的方法是调整js的引用顺序，例如这是会出错的：
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="style.js"></script>
而这是可以工作的<script type="text/javascript" src="style.js"></script>
<script type="text/javascript" src="script.js"></script>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
