html引入的js文件，和直接在页面下写的js代码运行的顺序

JavaScript022

html引入的js文件，和直接在页面下写的js代码运行的顺序,第1张

HTML中js的执行顺序就是按照从上至下引入的顺序来的。

比如代码：

<script type="text/javascript" src="xxx.js"></script>

<script>zzzzzzzzzz.....</script>

必然是先执行xxx.js中的代码，后执行zzzzzzzzzz....。

如果发现不执行的情况，请多检查看是否代码有错误。

1、定义几个方法

2、依次执行函数，代码写在前面的先执行，写在后面的后执行

示例：

function <a href="https://www.baidu.com/s?wd=f1&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YkrAfsmWm3ujc3PAnvm1w-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErH61PjD1rjR1rjTkn16sPjR4" target="_blank" class="baidu-highlight">f1</a>(){//定义<a href="https://www.baidu.com/s?wd=f1&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YkrAfsmWm3ujc3PAnvm1w-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErH61PjD1rjR1rjTkn16sPjR4"target="_blank" class="baidu-highlight">f1</a>函数

}

function f2(){//定义f2函数

}

<a href="https://www.baidu.com/s?wd=f1&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YkrAfsmWm3ujc3PAnvm1w-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErH61PjD1rjR1rjTkn16sPjR4" target="_blank" class="baidu-highlight">f1</a>()//先执行f1函数

f2()//再执行f2函数

先加载执行a.js，完毕后再加载执行b.js。

先执行a.js，完毕后再执行b.js。

这就不可以确定谁先执行了，因为通过创建script标签引入的JS，是谁先加载完毕谁先执行，与创建顺序无关。

对于创建script标签引入JS来讲，在某些高级浏览器中有async属性用于控制是按照加载完毕的顺序执行，还是按照创建顺序执行。