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

来源:互联网 发布:网络机柜整理方案 编辑:程序博客网 时间:2024/05/21 17:36

函数说明:

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 0