使用标签可内联JavaScript代码，浏览器加载页面时自动执行；2. 通过src属性引入外部.js文件便于维护；3. 将脚本放在底部可确保DOM加载完成后再执行；4. 可利用onclick等事件触发JS运行。正确书写路径与位置是关键。

在HTML中运行JavaScript代码非常简单，只需将JS代码嵌入到HTML文件中，浏览器加载页面时就会自动执行。以下是几种常见的方法。

1. 使用

可以直接在HTML文件中使用标签插入JavaScript代码，通常放在或中。

示例：

  
  



  
欢迎访问页面

页面加载时会弹出提示框，说明JS已执行。

2. 引入外部JS文件

将JavaScript代码写在单独的.js文件中，然后通过src属性引入，有利于代码维护和复用。

步骤如下：

• 创建一个名为main.js的文件，内容为：
  alert("这是外部JS文件");
• 在HTML中引用它：

确保HTML文件和JS文件在同一目录下，或正确填写路径。

3. 放置位置影响执行时机

标签的位置会影响代码执行时间：

• 放在中：JS会在页面内容加载前执行，可能无法操作尚未生成的DOM元素。
• 放在底部：推荐做法，等页面内容加载完再执行JS，避免操作空元素。

推荐写法：

  内容
  

4. 使用事件触发JS（可选）

也可以让JS代码在用户操作时才运行，比如点击按钮：

点我

这种方式适合简单的交互，复杂逻辑建议写在或外部文件中。

基本上就这些。只要把JS代码放进标签，或引入外部文件，保存为.html格式后用浏览器打开，JS就会自动运行。不复杂但容易忽略细节，比如路径错误或执行顺序问题。