zoukankan      html  css  js  c++  java
  • javascript语法之函数案例练习

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

    代码如下:

    <!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>
    


  • 相关阅读:
    【C++】C++中的流
    【C++】C++中类的基本使用
    【Python】解析Python中的条件语句和循环语句
    【C++】C++中的分离式编译
    【C++】C++中assert和ENDEGU预处理语句
    【C++】C++中的函数的基本使用
    【算法】解析IEEE 754 标准
    【ThinkPHP】解析ThinkPHP5创建模块
    【C++】C++中的迭代器
    【算法】解析位运算
  • 原文地址:https://www.cnblogs.com/wanghang/p/6299786.html
Copyright © 2011-2022 走看看