HTML5 之 外部Js引用执行顺序

说明

HTML网页的加载顺序是同步加载，意思是从上向下执行加载的，当解析到 <script> 标签，就会把 <script> 加载执行完成后，再继续加载网页，所以控制 Js 脚本的加载顺序还是有必要的。

延迟 Js 脚本加载

只对引用外部Js文件有用

在 script 标签里加上 defer 属性，这个脚本就会在 网页加载完成再加载。

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js" defer ></script>

Js 脚本异步加载

使用异步加载时，一定要注意 Js 代码执行执行的逻辑顺序， 因为会对脚本的执行顺序失去控制。

只对引用外部Js文件有用

在 script 标签里加上 async 属性，这个脚本就会在网页加载的同时，一起加载。

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js" async ></script>

小彩蛋

<noscript> 标签，有兴趣，自行百度