黑马程序员 dom事件

本文详细介绍了DOM事件中的0级事件和2级事件的区别及应用。包括事件的注册方式、事件冒泡与捕获机制,以及如何使用addEventListener和removeEventListener进行事件监听和移除。

---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流! ----------------------


dom事件分为0级事件和2级事件

dom0级事件

特点

1.相同dom元素的相同事件元素事件能被覆盖

 

2.事件冒泡           当点击子控件时,会依次向外调用父控件的点击事件

 

document.getElementById("控件id").事件名

 

 

 

 

dom2级事件

使用

document.getElementById("控件id").addEventLister("事件名",事件方法,(布尔值)true:事件捕获阶段  事件冒泡阶段反   false:事件冒泡阶段 0级事件)

 

特点

1.注册方式不一样

 

3.相同元素的相同事件可以注册多个事件

4.移除方法

document.getElementById("控件id").removeEventListener("click",方法对象)

:如果方法声明时在内部写的方法,则需传入一个新方法,否则需以元素的形式传入方法

 

 

两种事件的区别

0级事件会将方法直接设置给dom对象对应的事件属性

 

2级事件不会讲方法直接设置给dom对象对应的事件属性,而是使用了另外一套机制来保持事件方法


---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流! ----------------------
详细请查看:http://edu.youkuaiyun.com

MATLAB代码实现了一个基于多种智能优化算法优化RBF神经网络的回归预测模型,其核心是通过智能优化算法自动寻找最优的RBF扩展参数(spread),以提升预测精度。 1.主要功能 多算法优化RBF网络:使用多种智能优化算法优化RBF神经网络的核心参数spread。 回归预测:对输入特征进行回归预测,适用于连续值输出问题。 性能对比:对比不同优化算法在训练集和测试集上的预测性能,绘制适应度曲线、预测对比图、误差指标柱状图等。 2.算法步骤 数据准备:导入数据,随机打乱,划分训练集和测试集(默认7:3)。 数据归一化:使用mapminmax将输入和输出归一化到[0,1]区间。 标准RBF建模:使用固定spread=100建立基准RBF模型。 智能优化循环: 调用优化算法(从指定文件夹中读取算法文件)优化spread参数。 使用优化后的spread重新训练RBF网络。 评估预测结果,保存性能指标。 结果可视化: 绘制适应度曲线、训练集/测试集预测对比图。 绘制误差指标(MAE、RMSE、MAPE、MBE)柱状图。 十种智能优化算法分别是: GWO:灰狼算法 HBA:蜜獾算法 IAO:改进天鹰优化算法,改进①:Tent混沌映射种群初始化,改进②:自适应权重 MFO:飞蛾扑火算法 MPA:海洋捕食者算法 NGO:北方苍鹰算法 OOA:鱼鹰优化算法 RTH:红尾鹰算法 WOA:鲸鱼算法 ZOA:斑马算法
### 黑马程序员 JavaScript 学习资料汇总 以下是关于黑马程序员提供的 JavaScript 学习资源及相关知识点的详细介绍: #### 一、基础入门视频教程 可以通过 B 站上的系列课程快速掌握 JavaScript 的基础知识。推荐以下两个视频作为起点: - **【黑马程序员前端】JavaScript 入门到精通 (1)** – 提供了 HTML 和 JavaScript 基础理论的学习内容[^1]。 - **【黑马程序员前端】JavaScript 入门到精通 (2)** – 进一步深入讲解实际开发中的应用案例。 这些视频涵盖了从零开始学习 JavaScript 所需的核心概念,适合初学者逐步理解并实践。 #### 二、常见功能实现案例分析 在实战项目中巩固所学技能非常重要。以下是一些经典的功能模块及其对应的解决方案: - 轮播图效果:通过 Apis-day2 中提到的方法可以完成带有鼠标悬停暂停以及自动播放等功能的图片轮播组件[^2]。 - 小米官网风格搜索框交互设计:利用焦点事件监听输入状态变化来增强用户体验。 - 键盘按键触发评论提交机制:借助键盘事件捕获用户的敲击动作从而执行特定逻辑操作。 以上实例均来源于官方教学材料,并附带详尽说明便于模仿练习。 #### 三、基本语法结构与事件绑定方法 对于刚接触这门语言的人来说,了解如何正确书写代码至关重要。下面展示了一个简单的例子用于演示给 DOM 对象附加行为的过程: ```javascript // 获取页面内的某个 div 元素节点 var divElement = document.querySelector('div'); // 定义当该元素被单击时要做的事情 function handleClick() { console.log("Div was clicked!"); } // 把上面定义好的函数设置成此 div 上发生 click 类型活动后的响应措施 divElement.onclick = handleClick; ``` 上述片段展示了标准方式之一去关联起始点同其后续可能产生的状况之间的联系[^3]。 #### 四、外部脚本文件加载技巧 为了保持网页主体简洁明了,在适当时候引入独立 js 文件成为必要手段。注意路径配置无误之后按照如下形式声明即可成功调用远端存储的内容[^4]: ```html <script type="text/javascript" src="/path/to/yourfile.js"></script> ``` 确保服务器能够正常提供请求过来的数据包;另外记得调整 MIME-Type 参数匹配目标类型(application/x-javascript 或 text/javascript)。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值