IE8下JS报indexOf不存在问题

原因分析:

这是一个js bug, 在IE8下,js数组没有indexOf方法,会报错;而在其它浏览器下(Firefox, Chrome, IE9)都是正常的。

 

解决方案:

1.,页面初始化时判断是否有indexof方法,没有就追加:
就是在使用indexOf方法前,验证一下是否存在该方法IndexOf方法,如果有调用;如果没有就添加一个:
代码如下:

//添加数组IndexOf方法
if (!Array.prototype.indexOf){
  Array.prototype.indexOf = function(elt /*, from*/){
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++){
      if (from in this && this[from] === elt)
        return from;
    }
    return -1;
  };
}

 

2.第二种解决方式,每个页面基本都会引用jquery库,jquery里面也有类似工具函数(jQuery.inArray()方法):

就使用jQuery.inArray()替换了Array.prototype.indexOf,使用方式如下:

var arr = [ 4, "Pete", 8, "John" ];
jQuery.inArray("John", arr);  //3
jQuery.inArray(4, arr);  //0
jQuery.inArray("David", arr);  //-1
jQuery.inArray("Pete", arr, 2);  //-1

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE8中,可以通过以下两种方法来兼容indexOf方法: 方法1:在Array原型上添加indexOf方法的兼容处理代码。如果Array对象中不存在indexOf方法,则添加一个自定义的indexOf方法,该方法通过遍历数组来查找指定元素,并返回其位置。如果找不到指定元素,则返回-1。以下是兼容处理的代码: ```javascript if (!Array.indexOf) { Array.prototype.indexOf = function (obj) { for(var i = 0; i < this.length; i++){ if (this\[i\] == obj) { return i; } } return -1; } } ``` 方法2:使用jQuery的$.inArray(obj, array)方法来替代indexOf方法。需要注意的是,obj和array中的元素类型需要一致。以下是使用$.inArray方法的兼容处理代码: ```javascript // 使用jquery的$.inArray(obj,array)替代indexOf // 需要注意obj和array中的元素类型需要一致。 ``` 以上是两种在IE8中兼容indexOf方法的方法。你可以根据具体情况选择其中一种方法来使用。\[1\] #### 引用[.reference_title] - *1* [IE8indexOf兼容方法](https://blog.csdn.net/taquanjia/article/details/81672046)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [ie8兼容indexOf与lastIndexOf](https://blog.csdn.net/qq_23994787/article/details/96311518)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [ie8兼容indexOf](https://blog.csdn.net/Niduang/article/details/77451169)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值