在HTML中引入外部JS文件并调用带参函数的方法
作者：小括号时间：2026-10-30 15:58:47浏览：466
本文介绍如何在HTML页面中引入外部JavaScript文件，并通过window.onload事件调用其中定义的带参函数。通过a.js定义函数abc，在test.html中引用该文件并执行函数传递参数，实现基本的JS交互功能。
引入外部JS并调用带参函数
本文主要讲解如何在HTML文档中加载外部JavaScript文件，并进一步调用该文件中定义的带有参数的函数。
1 项目结构
2 编写a.js、test.html
//a.js
function abc(str){
alert(str);
}
//test.html
<html>
<head>
<script type="text/javascript" src="a.js"></script>
<script type="text/javascript">
window.onload = function(){
var fun = abc; //引用abc函数
fun(123);
};
</script>
</head>
<body>
</body>
</html>3 测试结果
以上就是小编为大家带来的在html中引入外部js文件,并调用带参函数的方法全部内容了，希望大家多多支持本站~
作者最新文章
JS语法错误会阻止加载吗？区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践：从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组？
2026-11-05 09:59:18