第26天：js-$id函数焦点事件
Posted 半指温柔乐
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第26天：js-$id函数焦点事件相关的知识，希望对你有一定的参考价值。
一、函数return语句
定义函数的返回值，在函数内部用return来设置返回值，一个函数只能有一个返回值。同时，终止代码的执行。
所有自定义函数默认没有返回值
return后面不要换行
var a=10,b=20,c=30;
++a;
a++;
e=++a+(++b)+(c++)+a++;
alert(e);//77
二、获得焦点、失去焦点事件
获得焦点：onfocus
失去焦点：onblur
案例：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>$id函数</title> 6 <style> 7 div{ 8 height: 100px; 9 width: 100px; 10 background-color: pink; 11 } 12 </style> 13 <script> 14 window.onload=function(){ 15 function $id(id){ 16 return document.getElementById(id); 17 } 18 $id("demo1").style.backgroundColor="red"; 19 $id("demo2").style.backgroundColor="yellow"; 20 $id("demo3").style.backgroundColor="blue"; 21 22 $id("btn").onclick=function(){ 23 if($id("txt").value=="邓乐乐"){ 24 alert("恭喜，中奖了"); 25 }else{ 26 alert("查无此人"); 27 } 28 } 29 } 30 31 </script> 32 </head> 33 <body> 34 <div id="demo1"></div> 35 <div id="demo2"></div> 36 <div id="demo3"></div> 37 <input type="text" id="txt" value="请输入..."> 38 <button id="btn">查询</button> 39 </body> 40 </html>
运行效果：
以上是关于第26天：js-$id函数焦点事件的主要内容，如果未能解决你的问题，请参考以下文章