JavaScript学习笔记（三），已获万赞

事件三要素：

• 事件源:触发(被)事件的元素

• 事件类型:事件的触发方式(例如鼠标点击或键盘点击)

• 事件处理程序:事件触发后要执行的代码(函数形式)

2、几种常用的事件：

---

鼠标的相关事件

onclick就是元素的点击事件。

onmouseover:鼠标移入到元素上面时的事件

onmouseout：鼠标移除元素上面时的事件。

文本框有的事件：

onfocus：文本框获取到焦点的事件

onblur：文本框失去焦点时的事件。

表单：

onsubmit:表单提交事件。

下拉列表框，文本框

onchange：内容改变时的事件。

页面加载事件

onload：页面的元素加载完后的事件。

注意：

• 所有的事件都是以on开头

• 所有的事件的值都是一个函数。

使用事件有两种写法。

第一种写法：

使用dom元素调用事件

Dom元素.οnclick=function(){

…;

}

第二种写法：

在HTML表单里面增加事件属性

HTML：

< input type=“button” οnclick=“test()”/>

Function test(){

…;

}

事件使用案例1：

通过按钮点击事件实现图片的切换：

案例2：

修改超链接的连接地址

百度

Value属性和innerHTML属性的区别：

Value是一般用在文本框中。因为文本框标签有value属性。

innerHTML是div，p，h1，a这样的标签中，这些标签没有value，是通过标签内容展示数据的。

获取元素的两种方式：

第一种获取元素的方式：

Document.getElementById(“id值”)

第二种获取元素的方式：

Document.getElementsByName(“name值”);

两者的区别：

1. 参数不一样。一个是id，另一个是name

2. 返回值类型不一样。一个是一个元素，另一个是一个元素数组。

案例3，

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   [外链图片转存中…(img-tadp2XAX-1712730334180)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-95eeHWyH-1712730334180)]