javaScript学习关于常用注册监听和对象的创建

JS 中的自定义对象(扩展内容)
                     Object 形式的自定义对象
                       对象的定义:
                                      var 变量名 = new Object(); // 对象实例(空对象)
                                      变量名.属性名 = 值; // 定义一个属性
                                      变量名.函数名 = function(){} // 定义一个函数
                      对象的访问:
                                     变量名.属性 / 函数名()

代码演示:

{}花括号形式的自定义对象
           对象的定义:
                      var 变量名 = { // 空对象
                      属性名:值, // 定义一个属性
                      属性名:值, // 定义一个属性
                      函数名:function(){} // 定义一个函数
                                   };
            对象的访问:
                     变量名.属性 / 函数名()

代码演示:

 

 

js 中的事件:
               什么是事件?事件是电脑输入设备与页面进行交互的响应。我们称之为事件。
常用的事件:
                     onload 加载完成事件:             页面加载完成之后,常用于做页面 js 代码初始化操作
                     onclick 单击事件:                    常用于按钮的点击响应操作。
                     onblur 失去焦点事件:             常用用于输入框失去焦点后验证其输入内容是否合法。
                     onchange 内容发生改变事件: 常用于下拉列表和输入框内容发生改变后操作
                     onsubmit 表单提交事件:         常用于表单提交前,验证所有表单项是否合法

事件的注册又分为静态注册和动态注册两种:

什么是事件的注册(绑定)?

           其实就是告诉浏览器,当事件响应后要执行哪些操作代码,叫事件注册或事件绑定。

           静态注册事件:通过 html 标签的事件属性直接赋于事件响应后的代码,这种方式我们叫静态注册。

          动态注册事件:是指先通过 js 代码得到标签的 dom 对象,然后再通过 dom 对象.事件名 = function(){} 这种形式赋于事件 响应后的                                       代码,叫动态注册。

动态注册基本步骤:

1、获取标签对象

2、标签对象.事件名 = fucntion(){}

 

onload 加载完成事件:代码演示

 

 注意的是:这个onload 事件 在静态注册时,应该在<body> 标签内 如: <body onload="方法名">  这个方法名即是你要做的动作或者说是事件

 

onclick 单击事件:代码演示

如若是要动态注册,需要在标签内添加id属性并赋值。

 

 

onblur 失去焦点事件:代码演示

 

 

onchange 内容发生改变事件 :代码演示

 

 

 

 

onsubmit 表单提交事件:

 

posted @ 2021-07-20 16:45  自学Java笔记本  阅读(85)  评论(0)    收藏  举报