javascript学习笔记(二):定义函数、调用函数、参数、返回值、局部和全局变量

定义函数、调用函数、参数、返回值

关键字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>

调用效果如下:

javascript学习笔记(二):定义函数、调用函数、参数、返回值、局部和全局变量

将函数的返回值替换标签内容

 <!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>
上一篇:Java高级规范之三


下一篇:使用chrome查看页面元素的css样式