一、函数调用
1.函数调用:函数在定义好之后,不能自动执行,需要进行调用。
2.调用方式:在<script>标签内调用。在HTML文件中调用。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!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.参数意义:通过传递参数的个数以及参数的类型不同可以完成不同的功能
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!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> |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!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>
|
本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1791907