JavaScript 对对象方法的重写

前几天项目上遇到一个问题是有关浏览器兼容的问题,项目上用了大量的document.getElementById("").attachEvent(ev,fn);方法,导致项目在ie9及以上还有火狐,谷歌浏览器中测试,许多js失效。把以前的代码的方法都替换掉工作量有点大(话说,之前写代码的前辈,给我挖了不小的坑啊),后来想到java的方法可以重写,js的方法也应该可以。

js也是可以面向对象的编程,但和java不同,它是无类型的,js的继承也是基于原型的继承(也就是基于对象的继承)。就是说没有父类和子类,只有父对象和子对象,而且js也是可以在定义对象外增加对象方法的。那么问题就好办了,我可以找到element的父对象(上级原型),给该原型新增/修改attachEvent(ev,fn)方法就行了。废话不多说,直接上代码:

Element.prototype.attachEvent = function(ev ,fn){     //重写/新增方法
			if(window.attachEvent){    //如果存在attachEvent方法为IE9- 浏览器
				this.attachEvent(ev,fn);
			}else{                      //如果不存在
				var evn = ev.substring(2);
				this.addEventListener(evn,fn,false);
			}
		}
		
Element可以看作是element对象的构造方法,Element.prototype(找到该方法的原型),然后给原型新增/修改方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值