使用标签可内联JavaScript代码，浏览器加载页面时自动执行；2. 通过src属性引入外部.js文件便于维护；3. 将脚本放在底部可确保DOM加载完成后再执行；4. 可利用onclick等事件触发JS运行。正确书写路径与位置是关键。
在HTML中运行JavaScript代码非常简单，只需将JS代码嵌入到HTML文件中，浏览器加载页面时就会自动执行。以下是几种常见的方法。
1. 使用
可以直接在HTML文件中使用标签插入JavaScript代码，通常放在或中。
示例：
JS测试 欢迎访问页面
页面加载时会弹出提示框，说明JS已执行。
立即学习“前端免费学习笔记（深入）”；
2. 引入外部JS文件
将JavaScript代码写在单独的.js文件中，然后通过src属性引入，有利于代码维护和复用。
步骤如下：
css3全屏大图小图切换焦点图广告代码
下载
此代码么有依靠js文件实现的，而且大图和小图是分开的，这样用户在打开网页的时候能节约不少时间和流量 此代码实现方法也很简单，可以直接把index.html和images下面的文件拷贝到你需要运行的位置，然后保存即可，images下面的大图和小图按照你的需求来改，也可以给大图增加链接。
- 创建一个名为main.js的文件，内容为：
alert("这是外部JS文件"); - 在HTML中引用它：
确保HTML文件和JS文件在同一目录下，或正确填写路径。
3. 放置位置影响执行时机
标签的位置会影响代码执行时间：
- 放在中：JS会在页面内容加载前执行，可能无法操作尚未生成的DOM元素。
- 放在底部：推荐做法，等页面内容加载完再执行JS，避免操作空元素。
推荐写法：
内容
4. 使用事件触发JS（可选）
也可以让JS代码在用户操作时才运行，比如点击按钮：
这种方式适合简单的交互，复杂逻辑建议写在或外部文件中。
基本上就这些。只要把JS代码放进标签，或引入外部文件，保存为.html格式后用浏览器打开，JS就会自动运行。不复杂但容易忽略细节，比如路径错误或执行顺序问题。
