是否有尚未放入文档的Javascript / jQuery <img/>标准？

Question

如果图像标记只是尚未插入到文档中的那些模拟Javascript元素之一，是否有关于浏览器如何处理图像加载的规范？一个例子：

$('<img src="/path/to/image.jpg" />')

是否有规范告诉图像加载？我问，因为我对以下实施感兴趣：

1. 缩略图上的鼠标悬停事件会触发要加载的较大预览图像。
2. 较大的预览图片会加载并触发加载事件，此时它会叠加在原始鼠标悬停元素的顶部。

（2）的实现并不难，但我想确保我可以依赖浏览器中的load事件。我在Firebug和Chrome控制台上尝试过它似乎工作正常，但我没有遇到一个规范告诉我它将永远有效。我不会在浏览器之外拒绝加载未放置在document中的图像。

Answer 1

load事件应在现代浏览器中一致触发。您可能会遇到过时浏览器（IE6之前版本）的问题。我必须建议的一件事是在设置src之前分配一个加载事件处理程序。这可以确保事件发生......

$("<img />").load(function() {
  alert("Loaded!");
  $(this).css("border", "solid 2px black").appendTo("body");  
}).src("/path/to/image.jpg");