在另一个之前加载外部javascript文件?

Chr*_*ris 2 html javascript jquery

我的html页面中有两个外部javascript文件.

我需要确保第一个文件script1.js在我的第二个脚本script2.js之前运行.

我把它们放在我的html页面的正文中; 在运行script1中的函数之前,如何确保不使用script2?

<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body>

    <!-- Script 1 -->
    <script src="js/script1.js"></script>

    <!-- Script 2 -->
    <script src="js/script2.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Ehs*_*san 7

浏览器将按照找到的顺序执行脚本.如果调用外部脚本,它将阻止页面,直到加载并执行脚本.

所以如果你的代码是:

<body>

    <!-- Script 1 -->
    <script src="js/script1.js"></script>

    <!-- Script 2 -->
    <script src="js/script2.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)

脚本1将在脚本2之前运行.