javascript - 即8 'Invalid Pointer'

Question

我有一个用 CoffeeScript 编写的函数，以前工作正常，但现在在 ie8 中抛出“无效指针”异常。

CoffeeScript

convertSVGforIE = ->

  if not $.support.svg or device.ff36
    imagesToConvert = $('img.SVG')
    imagesToConvert.each ->
      imageSrcMinus = this.src.substr 0, this.src.length - 3
      this.src = imageSrcMinus + 'png'

Javascript

convertSVGforIE = function() {
    var imagesToConvert;
    if (!$.support.svg || device.ff36) {
      imagesToConvert = $('img.SVG');
      return imagesToConvert.each(function() {
        var imageSrcMinus;
        imageSrcMinus = this.src.substr(0, this.src.length - 3); //Invalid pointer
        return this.src = imageSrcMinus + 'png';
      });
    }
};

我看不出我的脚本有什么问题。请帮我确定一下，ie8的问题是什么。

更新: 我让它工作了，但不是很好

convertSVGforIE = ->

  if not $.support.svg or device.ff36
    $('img.SVG').each ->
      that = $(this)
      imageSrcMinus = that.attr('src').substr 0, that.attr('src').length - 3
      that.attr 'src', imageSrcMinus+'png'

上面的脚本可以工作，但是为什么 $(this).attr('src') 可以工作呢？而 this.src 没有？为什么只在 IE 中？

Answer 1

实际上，所有版本的 IE 都支持图像的 .src 属性。 MSDN 文档相当令人困惑，因为它似乎暗示该属性仅在 IE8 或更高版本中受支持；但这是错误的。

然而，当您尝试读取数据 URI 大于 4K 的图像的 .src 时，IE8 中会出现无效指针错误。此错误记录在 http://support.microsoft.com/kb/2688188建议的修复方法是更新您的浏览器。

但是有一个简单的解决方法，那就是引用图像属性集合中的SRC，即代替这个:

img.src

使用这个:

img.attributes.src.value