- html 静态
<script>引入
<script src="js/index.js" type="text/javascript"></script>
- js 动态插入
<script>
var scriptElement=document.createElement("script");
scriptElement.src="js/test.js";
(document.getElementsByTagName("head")[0] || document.body).appendChild(scriptElement);
-
<script defer>: 异步加载，元素解析完成后执行
- 延迟脚本
defer属性 -
defer:可选。表示脚本可以延迟到文档完全被解析之后再执行。只对外部脚本文件有效。 相当于告诉浏览器立即下载，但延迟执行
-
<script async>: 异步加载，但执行时会阻塞元素渲染
- 与
defer类似，async只适用于外部脚本文件，并告诉浏览器立即下载脚本，但不应妨碍页面的其他操作，比如下载其他资源或等待加载其他脚本。
