首先简要介绍下自定义函数:
自定义函数类似于java中的方法,将程序模块化,可以被重复利用。
形式如下:
function 自定义函数([参数列表]){
<代码>
(return 返回值)
}
以下代码演示了自定义函数的使用方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javaScript基础</title>
</head>
<body>
<script type="text/javascript">
function add(a,b){
return a+b;
}
document.write(add(3,7));
document.write("<br>");
document.write(add(5,8));
</script>
</body>
</html>
结果:
10
13
先写两个input标签,定义type类型为text,给它添加一个id属性:
<form action="" method="post">
长: <br>
<input type="text" id="a1"><br>
宽: <br>
<input type="text" id="b1"><br>
<button οnclick="cha()" name="矩形的面积" value="">计算面积</button>
<input type="reset" name="reset" value="重置">
</form>
然后在下面写<script type="text/javascript"></script>,上面的计算面积时,调用脚本的方法。
<script type="text/javascript">
function cha(){
var a=document.getElementById("a1").value;
var b=document.getElementById("b1").value;
alert("矩形的面积是: "+a*b);
}
</script>