这种方式适合简单的脚本，但不推荐大量逻辑代码。

2. 外部JavaScript文件（推荐方式）

将JavaScript代码保存为单独的.js文件，然后通过src属性引入。

例如：创建一个main.js文件

// main.js
console.log("外部JS文件已加载");
document.body.style.backgroundColor = "lightblue";

在HTML中引入：

注意：确保文件路径正确，并且服务器能正常访问该文件。

3. 页面加载完成后再执行

为了让JS在页面元素加载完后运行，避免操作不存在的DOM元素，可以用以下方法：

• 把

  4. 常见问题与解决

  如果JS没有运行，请检查：

  • 是否有语法错误（打开浏览器开发者工具查看Console）
  • 外部JS文件路径是否正确（相对路径或绝对路径）
  • 是否在DOM元素存在后才进行操作
  • 是否有浏览器插件阻止脚本运行

  按F12打开开发者工具，查看“Console”面板，能快速发现错误信息。

  基本上就这些。只要把JS放进