在 html 中连接 javascript 的方法包括:直接嵌入脚本使用外部 javascript 文件使用 defer 或 async 属性appendchild() 方法
如何在 HTML 中连接 JavaScript
直接在 HTML 中嵌入脚本
<script> // JavaScript 代码 </script>
使用外部 JavaScript 文件
<script src="myScript.js"></script>
使用 defer 或 async
立即学习“前端免费学习笔记(深入)”;
<!-- defer 会在页面加载完成后执行脚本 --> <script defer src="myScript.js"></script><!-- async 允许脚本在页面加载时异步执行 --><script async src="myScript.js"></script>
appendChild() 方法
<script> var script = document.createElement("script"); script.setAttribute("src", "myScript.js"); document.body.appendChild(script); </script>
详细说明
直接嵌入脚本适用于小型、一次性的 JavaScript 代码段。
使用外部文件可以将 JavaScript 代码组织到单独的文件中,便于维护和重用。
defer 和 async 属性可以提高页面加载性能,允许浏览器在下载 JavaScript 文件时继续渲染页面。
appendChild() 方法提供了更灵活的方式来动态加载 JavaScript 代码,允许在运行时指定脚本源。