本文介绍了如何在JavaScript中创建自定义函数，以及在HTML中直接嵌套JS代码和从外部JS文件调用函数的方法。通过示例展示了在HTML中调用函数以计算两个数的和，并更新页面UI的过程。强调了引用外部JS文件的重要性。
简介：
javascript（即js）自定义函数用function来标识，参数和返回值都不用标注类型。
在html可以直接嵌套js代码，也可以将函数的实现写在js（后缀为.js）文件中。
1. javascript自定义函数的实现
举例：
1.在html中嵌套js函数：
func1.html：
<!DOCTYPE html>
<html>
<body>
<h1>求两个数的和：</h1>
<p id="res">结果：</p>
<script>
function sum(a,b){
console.log("a=" + a);
console.log("b=" + b);
return a+b;
}
function setUi() {
var res = sum(2,3);
document.getElementById("res").innerHTML=res;
}
setUi();
</script>
</body>
</html>
运行：
打开html文件所在的目录，双击在浏览器中运行，结果如下：
求两个数的和：
5
2.js函数的实现写在js文件中，再由html调用：
sum.js:
function my_sum(a,b){
console.log("a=" + a);
console.log("b=" + b);
return a+b;
}func2.html:
最低0.47元/天 解锁文章
扫一扫
1679
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
