JS基本语法-JavaScript自定义函数及其在html中的使用
简介:
javascript(即js)自定义函数用function来标识,参数和返回值都不用标注类型。
在html可以直接嵌套js代码,也可以将函数的实现写在js(后缀为.js)文件中。
1. javascript自定义函数的实现
举例:
1.在html中嵌套js函数:
func1.html:
求两个数的和:
结果:
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();
运行:
打开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:
求两个数的和(sum函数写在js文件中):
结果:
function setUi() {var res = my_sum(3,5);document.getElementById("res").innerHTML=res;}setUi();
运行:
打开html文件所在的目录,双击func2.html, 在浏览器中运行,结果如下:
求两个数的和(sum函数写在js文件中):
8
注意:
必须引用sum.js,才能调用js文件中的函数,即如下代码: