通过script标签引入外部JS文件,确保路径正确;2. 在外部文件中定义函数后,可在HTML中直接调用或通过事件触发;3. 注意加载顺序,推荐将script置于body底部或使用window.onload确保执行时机。

在HTML中运行外部JavaScript文件中的函数,关键在于正确引入JS文件并确保执行时机合适。只要引入无误,函数调用和其他代码一样正常执行。
1. 引入外部JS文件
使用 script 标签的 src 属性引入外部JS文件,这是最基础也是最关键的一步。
示例:
确保文件路径正确,可以是相对路径或绝对路径。比如:
立即学习“前端免费学习笔记(深入)”;
-
js/myScript.js(相对路径) -
/assets/js/main.js(根目录起始) -
https://cdn.example.com/script.js(网络地址)
2. 外部JS文件中定义函数
在 myScript.js 文件中正常定义函数:
function sayHello() {
alert("Hello from external JS!");
}
function add(a, b) {
return a + b;
}
这些函数在HTML页面加载后即可使用。
3. 在HTML中调用外部JS函数
在引入JS文件之后,可以直接调用其中的函数。
可以在另一个 script 标签中调用:
也可以通过事件触发:
4. 注意加载顺序和执行时机
JS文件加载顺序很重要。如果在JS文件还没加载完就调用函数,会报错 is not defined。
推荐做法:
- 把 script 标签放在










