好程序员HTML5大前端分享之函数篇
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了好程序员HTML5大前端分享之函数篇,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1956字,纯文字阅读大概需要3分钟。
内容图文
好程序员HTML5大前端分享之函数篇,将代码编写在函数中,就可以避免在非必要情况下调用该代码,也就是说我们可以让一段代码在特定情况下再去执行。
function 关键字:该关键字表示要声明一个函数。
如何执行函数()
function m1(){
//xxxxxxxxxxxxx
}
for(var i=0;i<10;i++){
m1();
}
刚才提到,函数的意义就是在特定情况下运行函数,那么什么是特定的情况那?
JavaScript是事件驱动的语言!
事件:用户的行为。
onclick、ondblclick、onfocus、onblur
例如点击按钮;弹出123;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<button type="button"onclick = btn()>弹框</button>
</body>
<script type="text/javascript">
function btn (){
alert(123);
}
</script>
</html>
函数的参数
function m1(v1, v2, v3...){
//xxxxxxxxxxxxx
}
return关键字
带返回值的函数
案例:
年月日分别为自定义函数的参数,判断是否为正确的日期
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function date(year,month,day){
switch(month){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:if(day<0||day>31){
return '错误的日期';
}
break;
case 2:if(year % 4 == 0 || year% 400 == 0 && year % 100 != 0){
if(day>29||day<0){
return '错误的日期';
}
}else{
if(day>28||day<0){
return '错误的日期';
}
}
break;
default:if(day>30||day<0){
return '错误的日期';
}
}
if(year>2050||year<0){
return '错误的年份';
}else if(month>12||month<0){
return '错误的月份';
}else{
return '正确的日期'
}
};
alert(date(2000,2,30))
</script>
</head>
<body>
</body>
</html>
内容总结
以上是互联网集市为您收集整理的好程序员HTML5大前端分享之函数篇全部内容,希望文章能够帮你解决好程序员HTML5大前端分享之函数篇所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。