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

blogdaren 2014-10-04 抢沙发 6056人次

函数说明:

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, IE8中只实现到了js1.3版本,chrome为js1.7版本,firefox为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" 方法,如果是则直接调用系统发法,否则进行遍历。

版权声明:除非注明,本文由( blogdaren )原创,转载请保留文章出处。

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

发表评论:

您的昵称:
电子邮件:
个人主页:

Free Web Hosting