JavaScript 的引入方式主要有以下几种：
1. 内联 JavaScript
直接在 HTML 标签中使用事件属性编写 JavaScript 代码。例如：
<button type="button" onclick="alert('内联JavaScript')">Click me</button>
2. 内嵌 JavaScript
将 JavaScript 代码写在 HTML 文件的 <script> 标签中。可以放在 <head> 或 <body> 部分。通常建议将 <script> 标签放在 <body> 底部，以确保 HTML 元素已经加载完成。例如：
3. 外部 JavaScript 文件
将 JavaScript 代码存放在一个单独的文件中，通过 <script> 标签的 src 属性引入。例如：
index.html中代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 的引入方式</title>
</head>
<body>
<h1>Hello LuQian!</h1>
<script type="text/javascript" src="./script.js"></script>
</body>
</html>script.js中代码：
console.log("Hello from external script!")
4. 异步和延迟加载 JavaScript
-
在
<script>标签中使用defer属性：<script src="path/to/your/script.js" defer></script>使用
defer属性，JavaScript 文件会在 HTML 文档完全解析后执行。这个属性确保了脚本的执行顺序符合它们在 HTML 文件中的出现顺序，但会推迟执行，直到文档完全解析完成。 -
在
<script>标签中使用async属性：<script src="path/to/your/script.js" async></script>使用
async属性，JavaScript 文件会被异步加载，下载和执行不会阻塞 HTML 文档的解析。适用于那些不依赖于页面内容或其他脚本的脚本。
defer：延迟脚本的执行，直到 HTML 文档解析完成。适用于将脚本放在 <head> 部分时。
async：异步加载脚本，脚本可以在后台加载，加载完成后立即执行，适用于独立的脚本，不依赖于其他脚本。