将Javascript图像对象直接分配给页面

Question

是否可以将Javascript图像对象直接分配给DOM？我看到的每个例子都有加载的图像对象,然后将相同的文件名分配给HTML元素,我的理解是实际的图像数据来自文件系统中的浏览器缓存.

我想保证图像被加载,所以我想将它加载到Javascript图像对象中,将数据存储在内存中,然后将其直接添加到页面中.

这可能吗？

干杯,伊恩.

Answer 1

您可以创建image元素并在加载后将其直接附加到DOM:

var image = new Image();
image.onload = function(){
    document.body.appendChild(image);
};
image.src = 'http://www.google.com/logos/2011/guitar11-hp-sprite.png';

示例:http://jsfiddle.net/H2k5W/3/