引入JavaScript文件的5种方式-Toy模板网

这篇具有很好参考价值的文章主要介绍了引入JavaScript文件的5种方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在HTML文件中，可以使用以下5种方式引入JavaScript文件：

在HTML的<script>标签中直接编写JavaScript代码。
示例：

<script>
  // JavaScript代码
</script>

将JavaScript代码保存为一个独立的文件，并通过src属性链接到HTML文件中。
示例：

<script src="script.js"></script>

在HTML文件中使用<script>标签并将JavaScript代码放在其中，但不指定外部文件路径。
示例：

<script type="text/javascript">
  // JavaScript代码
</script>

使用JavaScript的createElement和appendChild方法来动态创建和插入<script>标签。
示例：

var script = document.createElement('script');
script.src = 'script.js';
document.body.appendChild(script);

使用defer或async属性来控制脚本的加载和执行时机。

defer属性表示脚本将在文档解析完毕后执行，同时保持脚本的异步加载，多个延迟脚本按顺序执行。
示例：
```
<script src="script.js" defer></script>
```
async属性表示脚本将在下载完成后立即执行，不会阻塞页面的解析和渲染。
示例：
```
<script src="script.js" async></script>
```