您的位置：首页 > Web前端 > JavaScript

javascript语法之函数案例练习

2016-05-22 21:13 405 查看

需求：文本框内输入月份，弹窗提示本月天数。

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>

function showDay(){//点击button后触发这个方法
//找到对应 的标签对象。
var inputObj = document.getElementById("month");
//获取input标签数据，获取的是文本框你输入的文字
var month = inputObj.value;
/*
if(month==1||month==3||month==5||month==7||month==8||month==10||month==12){
alert("本月是31天");
}else if(month==4||month==6||month==9||month==11){
alert("本月是30天");
}else if(month==2){
alert("本月是28天");
}else{
alert("没有该月份");
}
*/

month = parseInt(month);//因为在浏览器上获取的数据都是字符串类型的，因此要强转。
switch(month){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
alert("本月是31天");
break;
case 4:
case 6:
case 9:
case 11:
alert("本月是30天");
break;
case 2:
alert("本月是28天");
break;
default:
alert("没有该月份");
break;

}

}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
月份:<input id="month" type="text" /><input type="button" value="查询" onclick="showDay()" />//注册点击事件

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航