DOM0与DOM2的区别

已于 2022-05-25 20:07:53 修改
阅读量388 收藏
点赞数
文章标签： html5 前端 html
于 2022-05-25 20:00:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingjingyouxiu/article/details/124972600
版权

DOM0事件绑定的特点：

  • 所有浏览器都支持
  • 只有DOM元素天生拥有这个私有属性（onxxx事件私有属性），我们赋值的方法才叫事件绑定，否则属于设置自定义属性
  • 移除事件绑定的时候，我们只需要赋值为null；
  • 在DOM0事件绑定中，只能给当前元素的某一个事件行为绑定一个方法，绑定多个方法，最后一次的绑定的会替换前面绑定的。

DOM2事件绑定的特点：

  • 所有DOM0支持的行为，DOM2都可以用，DOM2还支持DOM0没有的事件行为

【浏览器会把一些常用事件挂载到元素对象的私有属性上，让我们可以实现DOM0事件绑定，DOM2：凡是浏览器给元素天生设置的事件在DOM2中都可以使用】

  • DOM2中可以给当前元素的某一事件行为绑定多个不同方法
本特利@
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生JavaScript事件详解
weixin_33834679的博客
12-28 310
     JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。      小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。      首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。   DOM0事件模型        事件模型在不断发展，早期的事件模型称为DOM0级别。...
Js中ｄｏｍ0级事件与dom2级事件浅谈
东隅已逝，桑榆非晚。
10-11 9726
其实，就w3c标准来说，并没有0级ｄｏｍ的标准。只不过，事实上的适用总会成慢慢成为约定成俗的规则。所谓的0级ｄｏｍ与２级ｄｏｍ事件就是不同版本间的差异，具体的说就是，对于不同的ｄｏｍ级别，如何定义事件处理，以及使用时有什么不同。 　　我们对于事物的认识过程，总是要先知道它叫什么名字，然后了解它是干什么的，接着学习如何使用，最后，去搞明白实现原理。首先，我们要谈的是ｄｏｍ事件，它是用来处理ｈｔｍｌ中
dom2和dom0的定义和区别
前端攻城狮进阶记
08-01 8854
定义： 0级DOM 分为2个：一是在标签内写onclick事件 　　　　  二是在JS写onlicke=function（）{}函数 1） "myButton" type="button" value="Press Me" onclick="alert('thanks');" > 2） document.getElementById("myBu
JS中dom0级事件和dom2级事件的区别介绍
11-23
dom0级事件 <a> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(); btn.onclick=function(){ alert(''); }; btn.onclick=function(){ alert(''); }; 像上面把onclick写在标签内，都是dom0级事件，fn和fn1依次执行; 第二种获取元素，绑定onclick事件也是dom0级，第二个会覆盖第一个onclick，也会覆盖行内的onclick，
DOM0级与DOM2级的区别
anhumi4350的博客
08-30 875
1、DOM0级和DOM2级的共同优点：能添加多个事件处理程序，按顺序执行，HTML事件处理程序无法做到~2、关于dom0级和dom2级的区别DOM0级事件处理：同时绑定几个不同的事件，例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色（这里注意不能onclick、onmouseover事件都设为alert弹出哦，可能有冲突，dom0和dom2都不能成功...
BOM与DOM的区别分析
09-05
**BOM与DOM的区别分析** 在Web开发中，BOM（Browser Object Model）和DOM（Document Object Model）是两个至关重要的概念，它们都是用于处理和操作网页内容的接口。DHTML（Dynamic HTML）技术的实现离不开这两者的...
Angular2进阶之如何避免Dom误区
11-27
DOM是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试和重构。为了支持跨平台，Angular还通过抽象封装了不同平台的差异。 内容 1.为什么不能直接操作DOM？ Angular2采用AOT静态编译模式，这种形式下...
SAX与DOM之间的区别
11-04
SAX与DOM之间的区别SAX与DOM之间的区别SAX与DOM之间的区别
Javascript dom0级和dom2级事件之间的区别
chenzeze0707的博客
03-26 1574
dom0级事件：绑定事件element.onclick=function(){}元素绑定同一类型事件时，后面的效果会覆盖前面的效果，如下代码，点击”点击“时，弹出框提示文字2，这表示，alert（2）覆盖了前面的alert（1）效果&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&...
DOM0 DOM2、DOM3详细介绍与区别
Ultraman_and_monster的博客
02-17 2793
1、定义： 1.1 0级DOM — DOM0 0级 DOM 分为2个： 一是在标签内写onclick事件 二是在JS写onlicke=function（）{}函数 1） <input type="button" onclick="alert(0);" /> 2） <script> var btn = document.getElementsByClassName...
DOM0级事件处理与DOM2级事件处理的区别
fly_byebye的博客
04-17 1562
DOM是分等级的，分别是DOM0,1,2,3级别越高，语句越高级。一、DOM0级事件处理DOM0级事件处理方式就是讲一个函数赋值给一个事件处理属性，如：box.onclick = function(){ alert("我是box"); }就是把函数赋值给了box的onclick属性，当然每个元素都有自己处理程序的属性，例如：onmousedown、onmouseup等，on**这种事件绑定方法属...
js中dom0级事件和dom2级事件使用
yaojxing的博客
05-02 2915
对dom0级事件和dom2级事件一次详细的介绍，看完能够比较清楚的理解这两者的概念和区别
DOM0级事件和DOM2级事件
weixin_44613328的博客
11-09 164
DOM0级事件 //通过事件绑定的形式，dom元素只能有一个事件处里函数，这种事件叫做DOM0级事件 var oBox = document.getElementById("box") oBox.onclick = function(){ console.log("此事件被覆盖不会执行"); } oBox.onclick = function(){ console.log("我执行...
DOM0级, DOM2级和IE事件处理程序的异同
learninginJAVA的专栏
06-03 1852
1.DOM2级事件处理程序用addEventListener(eventName, handler, boolean)和removeEventListener(同前). 其中参数分别为: 要处理的事件名字, 处理的函数, 布尔值(为true表在捕获阶段调用处理函数.false在冒泡阶段调用.为了兼容,一般都用false) 2. IE事件处理程序用attachEvent(eventName, h
关于DOM级别的一些问题
C860_zy的专栏
03-11 840
原文地址：http://blog.segmentfault.com/gothic/1190000000366311 之前看书没太注意这个问题，直到我今天看书看到一个DOM0级，于是我就在群里问了下各个级别的意思区别.. 首先我们的确定标准了是没有DOM0级的。在平时阅读的时候可能会读到DOM0级(DOM Level0)的字眼。实际上，DOM0级标准是不存在的，所谓的DOM0级是DOM历史坐
事件处理、DOM0级、DOM2级
weixin_44848356的博客
02-12 150
HTML事件处理 直接添加到HTML结构中 <button id="btn" onclick="demo"></button> <script> function demo(){ alert("事件处理")； } </script> DOM 0级事件处理 把一个函数赋值给一个事件处理程序属性 <button id="btn" ...
dom和dem的区别与联系
最新发布
12-20
DOM（Document Object Model）是表示文档的程序化对象模型，是HTML和XML文档的编程接口。它将文档的结构和内容表示为一个对象树，使客户端脚本可以访问和操作页面的内容、结构和样式。 DEM（Digital Elevation Model）是数字高程模型，它是地表及其以上的物体的高程数据的数字模型。DEM通常用于地理信息系统（GIS）中，用于分析和可视化地形地貌。 DOM和DEM的区别主要在于，DOM主要用于表示HTML和XML文档的编程接口，用于访问和操作网页的内容和结构，而DEM主要用于表示地表和地形的高程数据，用于地理信息系统中的地形分析和可视化。 它们的联系在于，它们都是一种模型，用于表示和处理特定类型的数据。DOM模型用于表示网页文档的结构和内容，DEM模型用于表示地形的高程数据。虽然用途不同，但它们都属于模型的范畴，都是用于在程序中对特定类型的数据进行操作和处理。 总的来说，DOM和DEM都是一种数据表示模型，用于表示不同类型的数据。它们之间的联系在于，都是用于在程序中对特定类型的数据进行操作和处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值