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 @   自学Java笔记本  阅读(72)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示