一、函数调用
1.函数调用：函数在定义好之后，不能自动执行，需要进行调用。
2.调用方式：在<script>标签内调用。在HTML文件中调用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function demo(){
var a = 10;
var b = 20;
var sum = a+b;
alert(sum);
}
</script>
<form>
<input type="button" value="按钮" onclick="demo()">
</form>
</body>
</html>
二、带参数的函数
1.函数参数：在函数的调用中，也可以传递值，这些值被称为参数。
2.参数的个数可以为任意多，每个参数通过“，”隔开。
3.注意：参数在传递时，其顺序必须一致。
4.参数意义：通过传递参数的个数以及参数的类型不同可以完成不同的功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function demo(a,b) {
var sum = a+b;
alert(sum);
}
demo(10,20);
demo(100,200);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function demo(name,age) {
alert("Hello:"+name+",年龄为："+age);
}
</script>
<form>
<input type="button" value="button" onclick="demo(‘yeleven‘,22)" />
<input type="button" value="button2" onclick="demo(‘yeleven2‘,22)" />
</form>
</body>
</html>
时间： 2024-10-09 21:39:05