请问图片预加载是这样吗？有什么作用？

代码如下所示，方法1没有预加载，方法2是预加载。

// 方法1：先创建HTML标签，后加载图片
var myImage = document.createElement("img");
myImage.src = "../image/database.gif";
EventUtil.addListener(myImage, "load", function ()
{
   alert("The image is loaded.");
});


// 方法2：图片预加载
var myImage = new Image();
myImage.src = "../image/database.gif";
EventUtil.addListener(myImage, "load", function ()
{
   alert("The image is loaded.");
});

不管哪一种方法，最后都要把图片显示出来，所以都要插入img标签，例如：

document.body.appendChild(myImage);