javascript语法之函数案例练习

最新推荐文章于 2023-08-15 20:03:49 发布

杨道龙

最新推荐文章于 2023-08-15 20:03:49 发布

阅读量662

点赞数 1

分类专栏：从零开发Javaee javascript 文章标签： javascript javascript笔记 web前端函数

本文链接：https://blog.csdn.net/qq_32059827/article/details/51476985

版权

从零开发Javaee 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

javascript

32 篇文章 0 订阅

订阅专栏

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

代码如下：

<!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="查询" οnclick="showDay()" />//注册点击事件
 
</body>
</html>

杨道龙

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript语法之函数案例练习

需求：文本框内输入月份，弹窗提示本月天数。代码如下： function showDay(){//点击button后触发这个方法 //找到对应的标签对象。 var inputObj = document.getElementById("month"); //获取input标签数据，获取的是文本框你输入的文字 var month = inputObj.value
复制链接

扫一扫