如何保证JavaScript文件在另一个之前被读取

时间:2014-05-06 00:07:31

标签: javascript html

此代码是否可以保证在tests.js之前加载objects.js?假设我在objects.js中有对象,将在tests.js中使用。我只是想确保在所有浏览器中对象.js在tests.js之前加载,这样我就不会得到“未定义的函数”运行时错误等。

或者你能建议一个更好的方法吗?

<head>
    <script src="Scripts/objects.js"></script>
    <script src="Scripts/tests.js"></script>
</head>

3 个答案:

答案 0 :(得分:2)

脚本按照您声明的顺序同步执行,除非您使用async属性。

答案 1 :(得分:2)

是的,这可以保证在objects.js之前运行tests.js

如果影响加载的脚本标记上没有特殊属性(例如asyncdefer),则内联脚本标记按照它们在文件中出现的顺序运行。这是由规范保证的。

脚本加载顺序有一个完整的描述,包括动态加载脚本的所有特殊情况,以及deferasync这个流行的答案:

load and execute order of scripts

答案 2 :(得分:0)

因为在大多数浏览器中,代码是按程序运行的,是的,但我只是将两个文件合并以避免性能问题