1.功能代码的提取
格式:
function 函数名(参数列表){
函数内容
}
注意:
函数不会自己执行,需要调用
参数列表直接写变量名
如何调用函数:
函数名(实参列表);
如果函数有返回值,需要用到return关键字:
return 数据;
例如:
<script>
add1();//调用方法add1()
var n=sum(1,2);//调用方法sum(),定义变量n保存返回值
functionadd1(){
document.write(“add1方法被调用了”);
}
functionsum(a,b){
document.write(“sum方法被调用了”);
returna+b;//返回数据给调用者
}
</script>
局部变量:方法里面声明的变量
全局变量:方法外面声明的变量
2.响应事件
<html>
<body>
<h1 id="title">点击按钮,查看调用函数效果</h1>
<button onclick="test()" >确定</button>
<script>
function test(){ document.getElementById("title").innerHTML="js中
的test方法被调用了";
}
</script>
</body>
</html>
运行结果:
点击确定: