ExtJs之DHTML,DOM,EXTJS的事件绑定区别
2016-03-24 11:23
513 查看
<!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>
相关文章推荐
- css3 github javascript
- Json
- waypoints.js
- Js 刷新框架及页面的方法总集
- FullWidow.js全屏化展示
- javascript 函数作用域 (VS Javascript 块级作用域)
- 8.2 JavaScript:驾驭网页-CSS与DOM
- js中substring和substr的用法比较
- JavaScript 笔记 - <noscript> 元素
- JavaScript 笔记 - 在XHTML中的用法
- HYSBZ 1012(JSOI 2008) 最大数maxnumber(线段树点更新)
- 【js】设为首页和收藏本站
- 2016-3-24 js基础学习
- JavaScript 笔记 - <script>标签 async 属性 (异步脚本)
- js、javascript正则表达式验证身份证号码
- ExtJs之Ext.util.TextMetrics
- ExtJs之Ext.util.TaskRunner
- JavaScript 笔记 - <script>标签 defer属性 (延迟脚本)
- javaScript基础
- JS提取URL中的参数