IE对象不支持此属性或方法: this.indexOf 的解决方法

函数说明:

js中的indexOf方法的作用是:
根据给定参数x返回目标字符串(可以看成字符的数组)或数组中与x相等的项的索引。 

这个方法相当有用,很多编程语言中都有相对应的实现,javascript中也不例外,但是在ie8-中运行如下代码:

<script type="text/javascript">   
    var arr = [1,2,3];
    alert(arr.indexOf(1));
</script>   

却被提示“对象不支持此属性和方法” 。而在chrome,firefox下去运行良好。google发现原来js中Array的indexOf方法在js1.6版本中才给予了实现,ie7,8中只实现到了js1.3版本,chrome为js1.7版本,ff为js1.8版本。

解决方法:

针对ie进行扩展, 代码如下:
if(!Array.prototype._indexOf){
    Array.prototype._indexOffunction(n){                                                                                                                                         
        if("indexOf" in this){ 
            return this["indexOf"](n); 
        }   
        for(var i=0;i<this.length;i++){ 
            if(n===this[i]){ 
                return i; 
            } 
        } 
        return -1; 
    }; 
}; 
使用举例:
<script type="text/javascript">   
    var arr = ["1","2","3"];   
    alert(arr._indexOf("2"));   
</script>   

这里我们针对Array的原型进行了扩展,在扩展方法的命名上加上了”_”字符,我认为这是一个好的习惯,当你在针对原型进行扩展的时候有必要对自己的扩展加以标记。
在_indexOf方法中,我们首先判断当前Array是否实现了“indexOf” 方法,如果是的话直接调用系统发法,否则进行遍历。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值