定义函数、调用函数、参数、返回值
关键字function定义函数,格式如下:
function 函数名()
{
函数体
}
调用函数、参数、返回值的规则和c语言规则类似。
<!DOCTYPE html>
<html>
<head lang="en">
<meta chaset="UTF-8">
<title></title>
</head>
<body>
<script>
function sum(a,b) //定义一个加法函数,有两个参数a和b
{
var x=a+b;
return x; //return返回值
}
var s=sum(1,2); //使用这个函数
alert(s); //将结果弹窗显示
</script>
</body>
</html>
用一个按钮调用函数
<!DOCTYPE html>
<html>
<head lang="en">
<meta chaset="UTF-8">
<title></title>
</head>
<body>
<script>
function sum(a,b) //定义一个加法函数
{
var x=a+b;
alert(x); //将结果弹窗显示
}
</script>
<form>
<input type="button" value="按钮" onclick="sum(10,20)"> //用按钮调用函数
</form>
</body>
</html>
或者
<!DOCTYPE html>
<html>
<head lang="en">
<meta chaset="UTF-8">
<title></title>
</head>
<body>
<script>
function sum(a,b) //定义一个加法函数
{
var x=a+b;
alert(x); //将结果弹窗显示
}
</script>
<button onclick="sum(10,20)">按钮</button>
</body>
</html>
调用效果如下:
将函数的返回值替换标签内容
<!DOCTYPE html>
<html>
<head lang="en">
<meta chaset="UTF-8">
<title></title>
</head>
<body>
<p id="pid">hello</p>
<script>
function demo(name,age)
{
return "hello:"+name+",我的年龄是:"+age;
}
document.getElementById("pid").innerHTML=demo("tom",18);//将demo函数的返回值替换id="pid"的标签内容
</script>
</body>
</html>
局部变量和全局变量
<!DOCTYPE html>
<html>
<head lang="en">
<meta chaset="UTF-8">
<title></title>
</head>
<body>
<script>
var x=10; //全局变量
function demo(name,age)
{
var y=10; //局部变量,只能在函数内使用
z=10; //全局变量
} </script>
</body>
</html>