Javascript 图像加载器在 Firefox 中失败

Question

我正在用 Javascript 预加载图像，它在 Chrome、IE 和 Safari 中运行良好，但在 Firefox 中失败，并出现以下错误:“NS_ERROR_NOT_AVAILABLE:”

我使用以下函数来加载图像:

function loadImages(sources, callback) {
  var loadedImages = 0;
  var numImages = 0;
  // get num of sources
  for(var src in sources) {
    numImages++;
  }
  for(var src in sources) {
    images[src] = new Image();
    images[src].onload = function() {
      if(++loadedImages >= numImages) {
        callback();
      }
    };
    images[src].src = sources[src];
  }}

我设置了图像数组并调用图像加载器，如下所示:

var sources = {
  blockBorder0: 'images/BlockBorder_1.jpg',
  blockBorder1: 'images/BlockBorder_2.jpg' };
loadImages(sources, startRender);

为什么它在所有其他浏览器上都运行良好，却在 Firefox 上失败？我将一些调试语句输出到控制台，我看到 for 循环加载了 Firefox 中的所有图像。

Answer 1

如果我将callback()更改为callback.apply()，它可以在Firefox中运行。