@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ChapterFiveFun</title>
</head>
<body>
<div>
</div>
<script>
/* 5-1 什么是函数
函数的作用,可以写一次代码,然后反复地重用这个代码。
*/
/* 5-2 定义函数
function 函数名( ){
函数体;
}
*/
var sum=0;
function add(){
sum=3+5;
alert(sum);
}
add();//函数调用
/* 5-3 函数调用
函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。
第一种情况:在<script>标签内调用。
<script type="text/javascript">
function add2()
{
sum = 1 + 1;
alert(sum);
}
add2();//调用函数,直接写函数名。
< /script>
第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。
<input type="button" value="click it" onclick="add2()">
//按钮,onclick点击事件,直接写函数名
*/
/* 5-4 有参数的函数
function 函数名(参数1,参数2)
{
函数代码;
}
注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
function add2(x,y)
{
sum = x + y;
document.write(sum);
}
add2(3,34);//函数调用
*/
/* 5-5返回值的函数
思考:上一节函数中,通过"document.write"把结果输出来,
如果想对函数的结果进行处理怎么办呢?
function add2(x,y)
{
sum = x + y;
return sum; //返回函数值,return后面的值叫做返回值。
}
var result=add2(44,67);
注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。
*/
</script>
</body>
</html>