JavaScript学习笔记（三），js中的事件，this的使用、表单验证

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，

修改div的class属性

Js操作元素的class属性时要使用className

This的使用

---

this表示当前元素，this写在了哪个标签里面，哪个标签就是this元素。

表单验证

---

在我们点击form表单的提交按钮后，让js代码对用户输入的信息做简单的验证工作（比如用户名和密码不能为空），

验证通过了，就让表单提交，验证不通过就给出错误提醒。

onsubmit是表单验证的一个重要事件。

提交按钮的onclick事件是拦截不住表单的提交的。只有form的onsubmit事件才有机会拦截表单的提交。

案例4，

username:

password:

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。