Question

做java web程序时，js加载图片方式的问题。

从后台系统获取到数据，数据包括 name, 图片url等数据。 前台通过js来进行显示。 显示时，通过一个for循环来实现。代码如下：
data是我从后台获取到的数据。
for(var i=0; i<data.results.length; i++){
var tempData = data.results[i];
$("ul.ui-user-list").append(createHtml(tempData));
}
//创建每行的html
function createHtml(data){
var liHtml+= "<ul class='ui-user-list'>";
liHtml+= "<li class='ui-border-t'>";
liHtml+= "<div class='ui-content-top' style='background-image:url("+data.user.pictureURL+")'> " + data.user.name + " </div>";
liHtml += "</li></ul>";
return liHtml;
}

我的问题是，我在创建每一行的数据时，图片加载的方式是怎么样。是每次要等div里的图片加载完成之后，才会执行下一个for循环。还是会异步的进行处理，只是把图片路径给放在div里，然后图片自己慢慢加载，程序继续执行下一个操作？

Answer 1

html会先生成，图片会根据url慢慢加载，如果加载失败的话，会看到一个图片的标记，但是没有图片。

Answer 2

后者。图片加载是否完成可以用onload方法监听