<!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 鼠标移动出来和进去,验证输入,验证码,文本验证输入字数个数,日期
猜你喜欢
转载自blog.csdn.net/qq_41813207/article/details/80111276
今日推荐
周排行