初识JavaScript(二)| 青训营笔记

88 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第4天

初学JavaScript,内容是基于JavaWeb内容所学,不同于前端,所以相对于前端删了很多内容,之前学过java,在java和javaScript语法或者用法相同的就没有列出,仅出于复习而编写的笔记,水平有限,还请大家多多指教。

事件

事件:告诉浏览器,当事件响应后要执行那些操作代码,叫事件注册或事件绑定 事件在点击按钮、填写表单等操作时用到

静态注册事件:通过html标签的事件属性直接赋予事件响应后的代码
动态注册事件:先通过JS代码得到标签的dom对象,
             然后再通过dom对象.事件名 = function(){}           
             这种形式赋予事件响应后的代码
动态注册事件的步骤:
      1、获取标签对象
      2、标签对象.事件名 = function(){}

常用的事件:

onload加载完成事件:      页面加载完成后,常用于做页面JS代码初始化操作
onclick单击事件:         常用于按钮的点击响应操作
onblur失去焦点事件:      常用于输入框失去焦点后验证其输入内容是否合法
onchange内容发生改变事件:常用于下拉列表和输入框内容发生改变后操作
onsubmit表单提交事件:    常用于表单提交前,验证所有表单项是否合法

1、onload加载完成事件:

静态注册: 1.png 动态注册: 2.png

2、onclick单击事件:

静态注册: 3.png 动态注册: 4.png

3、onblur失去焦点事件:

静态注册: 5.png 动态注册: 6.png

4、onchange内容发生改变事件:

静态注册: 7.png 动态注册: 8.png

5、 onsubmit表单提交事件:

静态注册: 9.png 动态注册: 10.png