为何顺序引入的 JavaScript 外联标签会加载异常？

顺序引入的 javascript 外联标签加载异常

在编写 HTML 代码时，开发者经常需要引入外部的 JavaScript 脚本。按照常规顺序加载这些脚本对于保持代码执行的正确性至关重要。然而，有时会出现这样的情况：按照顺序引入的脚本并没有按照加载顺序执行。

这个问题可能与后面编写的脚本内部 JS 顺序有关，因为 JavaScript 引擎在解析和执行 HTML 时遵循特定的规则。为了解决此问题，可以使用以下方法：

使用 defer 属性

defer 属性可以添加到外部脚本标签中。具有 defer 属性的脚本将在所有页面内容解析完成后按顺序执行。浏览器保证按顺序列出它们。这意味着即使所有脚本在页面加载时立即下载，它们也会在文档解析完成、DOM 树构建以及所有同步脚本执行完成后才执行。

<br><script src="./js/jquery.js" defer></script><br><script src="./js/isotope.js" defer></script><br><!-- 其他脚本也加上 defer 属性 --><br>

通过使用 defer 属性，可以确保顺序加载的脚本按照声明的顺序执行，解决加载异常的问题。

以上就是为何顺序引入的 JavaScript 外联标签会加载异常？的详细内容，更多请关注其它相关文章！