通过函数可以任意封装多条语句,而且可以在任何地方、任何时候调用
案例1:下面让我们来写一个函数,该函数对用户输入的密码进行判断:
(1)当用户输入的密码大于等于6位并且小于等于12位时,弹出提示"密码格式正确"
(2)当用户输入的密码小于6位数时,弹出提示“密码不能小于6位数”
(3)当用户输入的密码大于12位数时,弹出提示“密码不能大于12位数”
<html>
<head>
<meta charset="utf-8">
<title>密码</title>
</head>
<body>
<script type="text/javascript">
var input = prompt("请输入您的密码:");
function funName(input){
if(input.length>=6&&input.length<=12){
return("密码格式正确");
}
else if(input.length<=6){
return("密码不能小于6位数");
}
else{
return("密码不能大于12位数");
}
}
alert(funName(input));
</script>
</body>
</html>
案例2:我们使用函数的arguments对象来实现用户密码和验证码的验证
1、当用户输入的密码不是数字时,页面弹出“密码错误”;
2、当用户输入的验证码小于4位数时,页面弹出“验证码不得小于4位”
<html>
<head>
<meta charset="utf-8">
<title>密码</title>
</head>
<body>
<script type="text/javascript">
var userName = prompt("请输入用户名:");
var userPwd = prompt("请输入密码:");
var sure = prompt("请输入验证码:");
function login(){
if(isNaN(arguments[1])){
alert("密码错误");
}
if(arguments[2].length<4){
alert("验证码不得小于4位");
}
}
login(userName.userPwd,user);
</script>
</body>
</html>
案例3:求平均值,取整数
<html>
<head>
<meta charset="utf-8">
<title>密码</title>
</head>
<body>
<script type="text/javascript">
function getAvg(){
var sum = 0;
for(i = 0;i<arguments.length;i++){
sum+=arguments[i];
}
return sum/arguments.length;
}
var avg = getAvg(51,23,52,74,12,98);
console.log(parseInt(avg));
</script>
</body>
</html>