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

运行效果:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HTML5学堂

JQuery选择器(中)

HTML5学堂:在学习JQuery开发的时候,选择器有多种,而我们将接着介绍选择器的其他类型,希望对大家有帮助! 5.临近选择器: $("mix+mix"),选...

38090
来自专栏WebDeveloper

使用css3属性处理单词的换行和断词

21830
来自专栏天天

CSS3

13210
来自专栏程序员的知识天地

H5学习从0到1-H5的块标签的使用(9)

7530
来自专栏老司机的技术博客

golang学习笔记10:数组切片Slice

9820
来自专栏前端大白专栏

关于css选择器的问题 + * ~这三个有什么区别

17940
来自专栏JavaEdge

全面入门jQuery最佳实践(二)-jQuery的属性与样式1 .attr()与.removeAttr()2 html()及.text()

每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。

11830
来自专栏IMWeb前端团队

JavaScript强化教程——style、currentStyle、getComputedStyle区别介绍

本文为 H5EDU 机构官方 HTML5教程,主要介绍:JavaScript强化教程 —— style、currentStyle、getComputedStyl...

23360
来自专栏小狼的世界

CSS3 Transition介绍

CSS3提供了一种全新的方式来定义CSS属性改变时的过渡效果,通常在:hover、:focus的条件下触发。过去,为了实现这种平滑的过渡效果,我们需要借助于Fl...

11320
来自专栏zaking's

CSS(CSS3)选择器(1)

这篇文章主要用于存储CSS以及CSS3的选择器部分知识,以便日后查阅及记忆. 该内容分为两部分,第一部分为css选择器的一些基本知识。第二部分为CSS3新增...

310100

扫码关注云+社区

领取腾讯云代金券