初学js者对javascript面向对象的认识分析
2009-09-28 18:45
639 查看
<body>
<script>
window.onload = function() {
var objs = document.getElementsByTagName("input");
function clickMe() {
alert(this.value);
}
var ActionBinder = function() {//定义一个类
}
ActionBinder.prototype.registerDOM = function(doms) {
this.doms = doms;//注册doms
}
ActionBinder.prototype.registerAction = function(handlers) {
this.handlers = handlers;//注册一个动作
}
ActionBinder.prototype.bind = function() {
this.doms.onclick = this.handlers
}//注册doms的动作
for (var i=0;i<objs.length;i++ ){
var binder = new ActionBinder();//按照ActionBinder的方法新建一个类
binder.registerDOM(objs[i]);
binder.registerAction(clickMe);
binder.bind();
};
}
</script>
<input type="text" id="name" value="111"/>
<input type="text" id="name1" value="222"/>
<input type="text" id="name2" value="333"/>
</body>
相关文章推荐
- 初学js者对javascript面向对象的认识分析
- 初学js者对javascript面向对象的理解
- JavaScript 学习笔记【一】——面向对象的写法分析
- 简单分析javascript面向对象与原型
- 初学javascript面向对象(一)
- JavaScript面向对象之私有静态变量实例分析
- 通过javascript中的new认识基于原型的面向对象。
- javascript面向对象之this关键词用法分析
- 重新认识JavaScript面向对象: 从ES5到ES6
- javascript面向对象之访问对象属性的两种方式分析
- [13年迁移]公司服务器坏了,无聊按面向对象的方法分析下javascript的空值和假值
- javascript面向对象之定义成员方法实例分析
- javascript - 认识面向对象
- Java之JPcap网络抓包与分析程序(支持多种协议分析,对初学网络者认识网络有很好帮助)
- JavaScript -- 面向对象的简单分析
- JavaScript面向对象继承原理与实现方法分析
- javascript面向对象之this关键词用法分析
- 【自】JavaScript面向对象初探一:通过编写一个简单的Tab选项卡插件,让我们更直观的去认识面向对象的编程方式
- Java之JPcap网络抓包与分析程序(支持多种协议分析,对初学网络者认识网络有很好帮助)
- 简单分析JavaScript中的面向对象