ExtJs之DHTML,DOM,EXTJS的事件绑定区别

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<! DOCTYPE html>
< html >
< head >
     < title >ExtJs</ title >
         < meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
         < link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
       < script type="text/javascript" src="ExtJs/ext-all.js"></ script >
       < script type="text/javascript" src="ExtJs/bootstrap.js"></ script >
       < script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></ script >
</ head >
< body >
< script type="text/javascript">
function hello() {
   alert('hello');
}
Ext.onReady(function(){
   function hello3(){
     alert('hello3');
     return true;
   }
   function hello4(){
     alert('hello4');
     return false;
   }
 
   var button = Ext.get('btn3');
   button.addListener('click', hello3);
   button.addListener('click', hello4);
})
</ script >
< body >
< div id='id01' >hello, this word.</ div >
< input type="button" id="btn" value="DHTML CLICK" onclick="hello()">
< input type="button" id="btn12" value="DOM CLICK">
< input type="button" id="btn3" value="ExtJs CLICK">
 
< script language="JavaScript">
function hello1(){
   alert('hello1');
}
function hello2(){
   alert('hello2');
}
var button = document.getElementById('btn12');
console.log(button);
button.addEventListener('click', hello1, false);
button.addEventListener('click', hello2, false);
</ script >
</ body >
</ html >

  

目录
相关文章
|
6月前
|
JavaScript 前端开发 API
DOM驱动和数据驱动的区别
DOM驱动和数据驱动的区别
64 0
|
6月前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下 `innerHTML` 和 `textContent` 的区别。
JavaScript DOM 操作:解释一下 `innerHTML` 和 `textContent` 的区别。
74 1
|
23天前
|
JavaScript 前端开发 算法
真实DOM和虚拟DOM有哪些区别?
本文介绍了真实DOM和虚拟DOM的概念、使用方式、优势、劣势、使用场景、影响因素、开发效率和性能对比。真实DOM是浏览器提供的原生接口,直接操作简单直观,但频繁操作会导致性能损耗。虚拟DOM是真实DOM的抽象表示,通过比较差异减少DOM操作,适用于大规模数据变更和复杂交互的页面。开发者应根据具体需求选择合适的DOM操作方式,以提高页面性能和开发效率。
57 1
真实DOM和虚拟DOM有哪些区别?
|
3月前
|
XML JavaScript API
DOM 和 SAX 解析器之间的区别
【8月更文挑战第22天】
39 0
|
3月前
|
XML JavaScript Java
Java 中 DOM 和 SAX 解析器之间的区别
【8月更文挑战第22天】
25 0
|
5月前
|
JavaScript 前端开发 API
|
6月前
|
存储 JavaScript 前端开发
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
Cookie是服务器发送至客户端的文本信息,会随每个请求发送回服务器,适合控制会话状态但可能暴露隐私。SessionStorage仅在当前会话中存储数据,关闭浏览器后清除,适合临时存储如登录状态。LocalStorage则持久保存数据,即使关闭浏览器也不会清除,适用于存储长期设置。三种方式各有侧重,应按需求选择。
44 0
|
6月前
|
XML JavaScript 前端开发
React中 Real DOM 和 Virtual DOM 的区别?优缺点?
React中 Real DOM 和 Virtual DOM 的区别?优缺点?
82 0
|
6月前
|
XML JavaScript 前端开发
js中dom和bom有什么区别
js中dom和bom有什么区别
104 0
|
JavaScript 前端开发
说说Real DOM和Virtual DOM的区别?优缺点?
在页面渲染出的每个节点都是一个真实的DOM结构