使用<script>标签可内联JavaScript代码，浏览器加载页面时自动执行；2. 通过src属性引入外部.js文件便于维护；3. 将脚本放在<body>底部可确保DOM加载完成后再执行；4. 可利用onclick等事件触发JS运行。正确书写路径与位置是关键。
在HTML中运行JavaScript代码非常简单，只需将JS代码嵌入到HTML文件中，浏览器加载页面时就会自动执行。以下是几种常见的方法。
1. 使用<script>标签内联JS代码
可以直接在HTML文件中使用<script>标签插入JavaScript代码，通常放在<head>或<body>中。
示例：
<!DOCTYPE html>
<html>
<head>
<title>JS测试</title>
<script>
alert("Hello，JS已运行！");
</script>
</head>
<body>
<h1>欢迎访问页面</h1>
</body>
</html>
页面加载时会弹出提示框，说明JS已执行。
立即学习“前端免费学习笔记（深入）”；
2. 引入外部JS文件
将JavaScript代码写在单独的.js文件中，然后通过src属性引入，有利于代码维护和复用。
步骤如下：
- 创建一个名为main.js的文件，内容为：
alert("这是外部JS文件"); - 在HTML中引用它：
<script src="main.js"></script>
确保HTML文件和JS文件在同一目录下，或正确填写路径。
3. 放置位置影响执行时机
<script>标签的位置会影响代码执行时间：
- 放在<head>中：JS会在页面内容加载前执行，可能无法操作尚未生成的DOM元素。
- 放在<body>底部：推荐做法，等页面内容加载完再执行JS，避免操作空元素。
推荐写法：
<body> <div id="box">内容</div> <script src="main.js"></script> </body>
4. 使用事件触发JS（可选）
也可以让JS代码在用户操作时才运行，比如点击按钮：
<button onclick="alert('按钮被点击了！')">点我</button>
这种方式适合简单的交互，复杂逻辑建议写在<script>或外部文件中。
基本上就这些。只要把JS代码放进<script>标签，或引入外部文件，保存为.html格式后用浏览器打开，JS就会自动运行。不复杂但容易忽略细节，比如路径错误或执行顺序问题。
