在HTML中引入外部JS文件并调用带参函数的方法

作者:小括号

时间:2026-10-30

浏览:465

本文介绍如何在HTML页面中引入外部JavaScript文件,并通过window.onload事件调用其中定义的带参函数。通过a.js定义函数abc,在test.html中引用该文件并执行函数传递参数,实现基本的JS交互功能。

文章目录

引入外部JS并调用带参函数

本文主要讲解如何在HTML文档中加载外部JavaScript文件,并进一步调用该文件中定义的带有参数的函数。

1 项目结构

引入外部JS并调用带参函数

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 测试结果

引入外部JS并调用带参函数

以上就是小编为大家带来的在html中引入外部js文件,并调用带参函数的方法全部内容了,希望大家多多支持本站~

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章