JavaScript 用法
学习 JS 首先要解决"代码放在哪、怎么放进网页"的问题。本章介绍三种引入方式：script 标签内联、写在 script 里、外部 .js 文件，以及推荐的放置位置。
script 标签
在 HTML 中用 <script> ... </script> 包裹 JS 代码，浏览器遇到它就会执行：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的页面</title>
</head>
<body>
<h1>第一个 JS 页面</h1>
<script>
document.write("你好，网页！");
</script>
</body>
</html>
打开这个页面，正文里会出现"你好，网页！"。
三种引入方式
- 内联到标签属性（如 onclick）已不推荐，尽量少用。
- script 里直接写代码：适合示例和少量代码。
- 外部 .js 文件：代码多时单独存文件，用 src 引入：
<script src="myScript.js"></script>
外部文件的优点：HTML 与 JS 分离、多页面可复用、浏览器还能缓存文件，加载更快。
// myScript.js 文件内容
console.log("外部脚本已执行");
// 输出：外部脚本已执行
注意：同一个 script 标签不能既写 src 又在标签里写代码。
为什么放在 body 末尾
推荐把 script 标签放在 <body> 的最底部：
<body>
<p>你好</p>
<script src="app.js"></script> <!-- 推荐：放这里 -->
</body>
原因有三：
- 浏览器解析 HTML 是自上而下的，遇到 script 会暂停渲染去下载并执行脚本。
- 若脚本放在
<head>里又想去操作页面元素，此时元素还没解析出来，会取不到内容。 - 放在 body 末尾，能保证 DOM 已就绪、页面先显示出来，用户体验更好。
老式写法与注意点
- 老教程常写
type="text/javascript"，HTML5 里已默认，可省略。 - 若浏览器禁用了脚本，可以用
<noscript>标签给出提示。 - 页面里可以出现多个 script 标签，浏览器按出现顺序依次执行。
小结
JS 最常见的落地方式：把 <script src="xxx.js"></script> 放在 body 末尾。掌握这一点，就能开始写真正的网页交互了。