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

运行效果:
时间: 2024-08-02 11:01:33

第26天:js-$id函数、焦点事件的相关文章

简单总结焦点事件、Event事件对象、冒泡事件

每学习一些新的东西,要学会复习,总结和记录. 今天来简单总结一下学到的几个事件:焦点事件.Event事件对象.冒泡事件 其实这几个事件应该往深的说是挺难的,但今天主要是以一个小菜的角度去尝试理解一些基本的知识点. 1.焦点事件: 1.1概念理解: 想象场景:当一堆text文本框出现在面前,当点击其中一个文本框,它就会响应用户,并出现光标闪动(这时,点击令它获得焦点). 所以说:焦点事件是用来让浏览器区分哪一个对象是用户要进行操作(输入值.选择.跳转)的. 总结===>  浏览器(区分)哪一个对象

JavaScript的函数和事件(转)

一.默认函数 JavaScript提供了一些默认的函数 编码函数escape():将非字母.数字字符转换成ASCII码 译码函数unescape():将ASCII码转换成字母.数字字符 求值函数eval() 数值判断函数isNaN():判断一个值是否为非数值类型 整数转换函数parseInt():将不同进制(二.八.十六进制)的数值转换成十进制整数 浮点数转换函数parseFloat():将数值字串转换成浮点数 1.eval()函数 求值函数eval()的格式为:eval(<表达式>) 下面的

input失去焦点和获得焦点jquery焦点事件

input失去焦点和获得焦点jquery焦点事件插件,鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 相关js代码: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" co

js立即执行函数应用--事件绑定

js中立即执行函数的应用:应用到事件绑定上. 少说多做,直接运行代码(代码中有注释): 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <titl

Android焦点事件分发与传递机制

如果您对TouchEvent事件分发机制不太了解的,可以参考我的这篇文章--安卓TounchEvent事件分发机制. 问题:TV端焦点满天飞,如何解决和处理? 记得初入TV开发,以为很简单.TV的这些界面与布局太简单了,分分钟就可以把页面搭建出来,处理好,然后就没有然后了.... 下面我们就从源码来带大家进行安卓TV焦点事件的传递 这里先给出Android系统View的绘制流程: 依次执行View类里面的如下三个方法: measure(int ,int) :测量View的大小 layout(in

javaScript的函数,事件,BOM,DOM

一.javascrip的函数 1.javascript的创建与调用 有三种创建方式 a.基本方式 语法规则: function 函数名(参数列表){ 函数体 } <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript" > fun

js 函数 常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数 定义 有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式  function functionname(){执行代码 } 分类 基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

jquery获取焦点和失去焦点事件代码

input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 . 相关js代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te

JavaScript 频繁发射事件处理的优化 --- 函数节流/事件稀释

引子:昨天面试时面试官问了如何实现一个固定导航栏,在我答完后面试官问我可能存在哪些问题,如何优化? 这个问题我答得不太好,但现在回想起来应该有两个问题: 1. 把 fixbar元素 position:fixed 之后,它将脱离文档流,后面的元素将会跟上,这可能会形成一个闪烁,解决方法是跟随的元素设置 margin-top 为 fixbar 元素的高度,或者替换上一个等高的元素,这点面试时候没有描述出来. 2. 就是这篇博文主要内容 ”函数节流“,英文名 throttle 函数,在一些库,如und