将几条语句封装在一个函数中,只有当函数被调用时,语句才会执行。
一、定义与调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var num = 0;
function fun(){
num++;
document.write(num);
}
</script>
</body>
</html>
此时只是定义了一个函数,并没有向页面中写入内容。
要想函数执行必须进行函数调用
fun();
整体代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var num = 0;
function fun(){
num++;
document.write(num);
}
fun();
</script>
</body>
</html>
二、定义带参数的函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function greet(name,age){
document.write("Hello I am " + name+".<br>");
document.write("I am " + age + "year(s) old.");
}
greet("Sam",14);
</script>
</body>
</html>
不需要定义参数的类型
三、定义具有返回值的函数
与其他编程语言一致,使用return关键字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function getFather(name){
return name+"'s father is Jame";
}
document.write(getFather("Sam"));
</script>
</body>
</html>
小结:
1. 无参数和返回值的函数
2.有参数的函数
3. 有参数有返回值的函数