在将元素附加到DOM之前阻止浏览器加载图像

Question

我的想法是，浏览器在连接到DOM之前不会尝试加载源，但是当我使用jQuery创建图像标记时，它会在我附加之前尝试加载图像源。在创建图像标记时，jQuery是否会临时附加元素？

在此示例中，无效的URL会导致控制台中出现错误日志，即使已注释掉append命令（view in jsFiddle）。

    ​$(document).ready(function() {
    var $img = $("<img>", {
        height:"100px"
        ,width:"100px"
        ,src: "http://content.com/bad.url.jpg"
    });
    //$img.appendTo($("#container"));
});​

Answer 1

一旦设置src，图像开始加载图像文件（实时或从缓存），无论它们是否附加到DOM中的任何内容。请参阅：https://developer.mozilla.org/en/Canvas_tutorial/Using_images