JS,MySQL总结

最新推荐文章于 2024-05-08 20:55:45 发布

m0_69969811

最新推荐文章于 2024-05-08 20:55:45 发布

阅读量693

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/m0_69969811/article/details/124764223

版权

JS事件编程

Js事件编程三要素：

(1)事件源 ----就是html标签的单击,双击....

(2)编写事件监听器----就是编写一个函数 function 函数名称（）{}

(3)绑定事件监听器----就在事件源上加上onxxx属性=‘’函数名称“

<!DOCTYPE html> <!-- 文档声明-->
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 
			有一个文本输入框,文本输入框的旁边是一个可点击的按钮,
			 在文本输入框中输入月份的值,点击按钮,判断是什么季节
					3,4,5  春季
					6,7,8  夏季
					9,10,11 秋季
					12,1,2 冬季
		 -->
	</head>
	<body>
		<input type="text" id="month" placeholder="请输入月份的值" />
		<input type="button" value="查询" onclick="testSerach()" /><!-- 1)事件源 --> <!-- 3)绑定事件监听器-->
	</body>
	<script>
	/* 2)事件监听器 */
			function testSerach(){
				//alert("触发了这个点击事件") ;
				
				//需要获取文本输入框的内容  获取的input标签的value属性
				//dom操作:  
				//1)通过特别的方式获取标签对象   最常用的 document.getElementById("id属性值") ;
				//2)使用标签对象改变标签的属性
				
				//获取id="month"所在的input标签对象
				var inputObject =document.getElementById("month") ;
				//获取到value属性,获取文输入框的内容
				var content = inputObject.value ;
				
				//alert(content) ;
				//alert(typeof(content)) ;
				
				
				
				//方式1:if...else if...else
				/*
				3,4,5  春季
				6,7,8  夏季
				9,10,11 秋季
				12,1,2 冬季
				*/
			   //js中,数字字符串 在和number进行==,string会自动转换成number
			 /* if(content == 3 || content == 4 || content==5){
				   alert("春季") ;
			   }else if(content == 6 || content == 7 || content ==8){
				   alert("夏季") ;
			   }else if(content == 9 || content == 10 || content==11){
				   alert("秋季") ;
			   }else if(content == 12 || content ==1 || content == 2){
				   alert("冬季") ;
			   }else{
				   alert("对不起,非法数据!") ;
			   } */
				
				//方式2:switch语句,利用case穿透
				//case语句后面: string类型数字字符串 无法自动转换为number进行对比
				//js中有一个函数: js提供的 parseInt(数字字符串) ----->number类型
				
				content = parseInt(content) ;
				//alert(typeof(content)) ;
				switch(content){
				case 3:
				case 4:
				case 5:
						alert("春季") ;
						break ;
				case 6:
				case 7:
				case 8:
						alert("夏季") ;
						break ;	
				case 9:
				case 10:
				case 11:
						alert("秋季") ;
						break ;	
				case 12:
				case 1:
				case 2:
						alert("冬季") ;
						break ;
				default:
						alert("非法数据") ;
						break ;
				}
				
				
				
			}
	</script>
</html>

网页时钟

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页时钟</title>
	</head>
	<body>
		<h3>当前系统时间是:</h3>
		<span id="spanTip"></span>
	</body>
	<script>
		function generateDate(){
			//1)获取当前系统时间
			//1.1)创建日期对象
			var date = new Date() ;
			//1.2)拼接出来时间字符串
			var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"
			+date.getDate()+"&nbsp;&nbsp;"+date.getHours()+":"+date.getMinutes()+":"+
			date.getSeconds() ;
			
			//2)dom(文档对象模型编程)操作: 
			//2.1)获取id="spanTip" 所在的span标签对象
			var span = document.getElementById("spanTip") ;
			//2.2)设置span标签的文本内容
			span.innerHTML ="<h3>"+dateStr+"</h3>"  ;
        }
			//3)开启网页定时器
			//setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务..
			//setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务..
			setInterval("

最低0.47元/天解锁文章

m0_69969811

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS,MySQL总结

JS事件编程Js事件编程三要素：(1)事件源 ----就是html标签的单击,双击....(2)编写事件监听器----就是编写一个函数 function 函数名称（）{}(3)绑定事件监听器----就在事件源上加上onxxx属性=‘’函数名称“<!DOCTYPE html> <html> <head> <meta charset="utf-8">...
复制链接

扫一扫