Javascript学习2 鼠标移动出来和进去，验证输入，验证码,文本验证输入字数个数，日期

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function a(){
				document.getElementById("dog").src="img/dog2.jpg";
			}
			function b(){
				document.getElementById("dog").src="img/dog1.jpg";
			}
			
			
		</script>
	</head>
	<body>
		<!-- out是鼠标挪出去 -->
		<!-- over是鼠标挪进来 -->
		<img id="dog" src="img/dog1.jpg" onmouseout="b();" onmouseover="a();"  />
		低价转让哈士奇弟弟
		<h2>鼠标移过来看看俺啊</h2>
	</body>
</html>



//<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>验证输入</title>
		<script>
			//获取焦点时运行的方法
			function myFocus(){
				var ss=document.getElementById("kh").value;
				if(ss=="格式：10XXXXX"){
					document.getElementById("kh").value="";
				}
			}
			function checkCardNo(){
				var cardNo=document.getElementById("kh").value;
				if(cardNo.substring(0,2)!="10"){
					alert("请注意格式是“10”开头");
					//再次让文本获取焦点
					//document.getElementById("kh").focus();
				}
			}
			
			
		</script>
	</head>
	<body>
		卡号：<input id="kh" 
			type="text" 
			value="格式：10XXXXX" 
			onfocus="myFocus()" 
			onblur="checkCardNo()"/>
		<br />
		密码：<input type="password" />
	</body>

</html>

//

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function count(){
				var v=document.getElementById("area").value;
				var sheng=100-v.length;
				if(sheng<0){
					document.getElementById("area").value=v.substring(0,100);
					document.getElementById("span").innerHTML="还剩（"+0+"）个字符";
					return ;
				}
				if(sheng<=10){
					document.getElementById("span").style.color="red";
				}else{
					document.getElementById("span").style.color="#000000";
				}
				
				
				document.getElementById("span").innerHTML="还剩（"+sheng+"）个字符";
				
			
			}
			
		</script>
	</head>
	<body>
		<textarea id="area" rows="5" cols="20" onkeyup="count();"></textarea>
		<span id="span" style="font-size:20px;">还剩（100）个字符</span>
		
	</body>

</html>

//

、<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var start=new Date("2018/3/19");
			function f(){
				var end=new Date();
				//日期类型相减之后是一个毫秒为单位的值
				var total=end-start;
				var minute=parseInt(total/1000/60);
				var second=parseInt(total/1000)%60;
				document.getElementById("div").innerHTML=minute+"分"+second+"秒";
				//setTimeout("f()",1000);
			}
			
			//每隔1000毫秒调用一次f()方法；
			setInterval("f()",1000);
			
		</script>
	</head>
	<!--onload="f()"-->
	<body >
		来千锋的时间：<div id="div"></div>
	</body>
</html>
Javascript学习2 鼠标移动出来和进去，验证输入，验证码,文本验证输入字数个数，日期

猜你喜欢
