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

函数说明:

js中的indexOf方法的作用是: 

根据给定参数x返回目标字符串(可以看成字符的数组)或数组中与x相等的项的索引。 

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

<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" 方法,如果是的话直接调用系统发法,否则进行遍历。


转载于:https://my.oschina.net/jyb2014/blog/300437

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值