0

我在这样的页面上放了一些图像。

var wrapper = document.getElementById("wrapper"),
    urls = [/*array of URLs*/],
    el;

for (var i = 0; i <= urls.length; i++){
    el = document.createElement("img");
    el.src = urls[i];
    wrapper.appendChild(el);
}

它只在某些时候起作用。某些图像无法加载。有什么理由会这样吗？我是否需要推迟执行循环的下一次迭代，直到当前图像完全下载？

编辑：

这是有问题的邪恶形象。

4

1 回答 1

1

在加载下一个图像之前，您无需等到图像加载完毕。

您的问题中的代码中有几个拼写错误。这两行应该是：

el.src = urls[i];
wrapper.appendChild(el);

在您提供的页面链接上，我在该页面中看不到任何未加载某些图像的明显位置。您能否更具体地说明该页面中未加载的内容？

我能想到的唯一问题会导致某些图像无法加载：

  1. 您有一个脚本错误，导致脚本在完成之前停止运行。
  2. 您的某些图像 URL 不正确或指向实际上不是图像的内容。
  3. 提供这些图像的网络服务器有一些问题
  4. 您进行测试的位置存在某种间歇性网络/互联网问题。
  5. 有一个浏览器插件（通常与安全或隐私相关）会干扰图像的加载。
于 2013-11-06T23:03:00.150 回答