【JavaScript】注册事件

String.prototype.hello=function(){

alert(“hello 🍉”)

}

//调用扩展后的函数

“abc”.hello();

js中创建类和对象？

===========

User=function(uname,uno){

this.uname=uname;

this.uno=nuo;

}

//创建对象(下列都可以)

var u1=new User();

var u2=new User(“张三”,“1”);

var u3=new User(“李四”,“1”,3);//传入多个参数只会取前两个

null、undefined、NaN的区别

=====================

等同和全等运算符

=========

在JS当中有两个比较特殊的运算符

(等同运算符"==":只判断值是否相等)

(全等运算符"===":既判断值是否相等，又判断数据类型是否相等)

alert(null===NaN);// false

alert(null===undefined);// false

alert(undefined===NaN);// false

小demo：

alert(1==true);//true,值等同所以为true，boolean()函数将1转换为true

alert(1===true);//false，值等同但数据类型不同所以为false

js常用事件

======

JS中的事件:

**blur失去焦点

focus获得焦点**

**click鼠标单击

dblclick鼠标双击**

**keydown键盘按下

keyup键盘弹起**

**mousedown鼠标按下

mouseover鼠标经过

mousemove鼠标移动

mouseout鼠标离开

mouseup鼠标弹起**

**reset表单重置

submit表单提交**

**change下拉列表选中项改变，或文本框内容改变

select文本被选定

load页面加载完毕(整个html页面中所有元素全部加载完成后发生)**

回调函数的概念

========

任何一个事件都会对应一个事件句柄，事件句柄就是在事件前添加on。

onXXX这个事件句柄出现在标签属性位置上。（事件句柄以属性的形式存在）

下面代码的含义是：将sayHello函数注册到按钮上，等待click事件发生后，该函数被浏览器调用我们称这个函数为回调函数。

如：

function sayHello(){

alert(“hello”);

}

当点击这个按钮时，会弹出hello

sayHello()被称为为回调函数

回调函数的特点：

---

自己把这个函数写出来，但是这个函数不是自己调用的，而是有其他程序调用这样的函数被称为回调函数。

java中也有回调函数的机制：

//java中也有回调函数机制:

public class MyClass{

public static void main(Stringl] args){

//主动调用run()方法，站在这个角度看run()方法叫做正向调用。

run();

}

//站在run方法的编写者角度来看这个方法，他把run方法叫做回调函数。

public static void run(){

System.out.println(“run…”);

}

}

注册事件的两种方式：

==========

方式①：前面提到的直接将onclick写入标签中：

方式②：是使用纯js代码完成事件的注册。

函数在页面打开的时候只是注册上，不会被调用，在click事件发生之后才会调

一般步骤：

代码的执行顺序

=======

错误示例：

//把input按钮放到script下面则getElementById访问不到id事件，因为是自上而下执行

这时我们可以采用load事件

load事件页面全部元素加载完毕才发生

load事件解决：

---

写法①：

# 最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-IpbYMMsx-1715040006288)]

[外链图片转存中…(img-mSvkA1RY-1715040006289)]

[外链图片转存中…(img-rYtz0DUe-1715040006289)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！