内嵌脚本
你可以在HTML文件内部使用 <script> 标签嵌入JavaScript代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML脚本示例</title>
</head>
<body>
<h2>JavaScript示例</h2>
<script>
// JavaScript 代码
document.write("Hello, World!");
</script>
</body>
</html>
外部脚本
你也可以将JavaScript代码保存到外部文件，然后在HTML文件中引用这个外部文件。
JavaScript文件（script.js）：
// script.js
document.write("Hello, World!");
HTML文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML脚本示例</title>
</head>
<body>
<h2>JavaScript示例</h2>
<script src="script.js"></script>
</body>
</html>
异步加载脚本
你可以使用 async 或 defer 属性来异步加载外部脚本。
异步加载：
<script async src="script.js"></script>
延迟加载：
<script defer src="script.js"></script>
异步加载的脚本会在页面继续解析的同时下载，并在下载完成后立即执行。延迟加载的脚本会在文档解析完成后执行，但在 DOMContentLoaded 事件之前执行。
请注意，虽然内嵌脚本是直接放在HTML中的，但为了良好的代码组织和维护性，推荐将脚本内容放在外部文件中。这使得代码更易于管理，且可以在多个页面之间共享。
转载请注明出处：http://www.zyzy.cn/article/detail/3131/HTML