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

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

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

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

Answer 1

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