手记

ie8下 的一些jQuery兼容

  1. 问题描述:在ie8+ 下ajax 取数据,无法获得返回数据。
    debug到$.ajax之后,callback中 的代码未执行。度娘之后,发现在 $.ajax之前添加
    jQuery.support.cors = true; 即可

    jQuery.support 是一组用于展示不同浏览器各自特性和bug的属性集合。

    support参数

  2. 问题描述:ie8 下  Object.keys() 使用报错。
    Object.keys返回一个所有元素为字符串的数组,其元素来自于从给定的对象上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。

    var arr = ["a", "b", "c"];
    alert(Object.keys(arr)); // 弹出"0,1,2"// 类数组对象var obj = { 0 : "a", 1 : "b", 2 : "c"};
    alert(Object.keys(obj)); // 弹出"0,1,2"// getFoo是个不可枚举的属性var my_obj = Object.create({}, { getFoo : { value : function () { return this.foo } } });
    my_obj.foo = 1;
    
    alert(Object.keys(my_obj)); // 只弹出foo

    参考1 中提供了两种方式,但是我没有使用。

    我参考的是 参考2 这段代码

  var DONT_ENUM = "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor".split(","),
  hasOwn = ({}).hasOwnProperty;  for (var i in {      toString: 1
  }){
      DONT_ENUM = false;
  }  Object.keys = Object.keys || function(obj){//ecma262v5 15.2.3.14
          var result = [];          for(var key in obj ) if(hasOwn.call(obj,key)){
              result.push(key) ;
          }          if(DONT_ENUM && obj){              for(var i = 0 ;key = DONT_ENUM[i++]; ){                  if(hasOwn.call(obj,key)){
                      result.push(key);
                  }
              }
          }          return result;
      };
  1. 问题描述:ie8+ 下,使用 swiper 时,ie报错。
    debug之后,发现 swiper.min.js 中使用 a.trim() 来去掉多余空格,在使用 $.trim(a) 来代替原生trim。问题解决。



作者:pengji
链接:https://www.jianshu.com/p/57227d18f4aa

0人推荐
随时随地看视频
慕课网APP