jQuery 加载带有图像的 HTML 将错误呈现到控制台

Question

当我尝试加载简单的 html 片段(带有一些图像，但现在无法访问)时，jQuery 出于某种原因尝试加载它们，并在控制台中产生错误。

这里是示例代码:

var html = $('<div>' + '<img src="http://not.found/1.jpg"/>' + '</div>');

这里是错误:

GET http://not.found/1.jpg  jquery-2.0.3.js:5788
x.extend.buildFragment jquery-2.0.3.js:5788
x.extend.parseHTML jquery-2.0.3.js:493
x.fn.x.init jquery-2.0.3.js:127
x jquery-2.0.3.js:63
(anonymous function)
InjectedScript._evaluateOn

如何防止 jQuery 尝试从 html 加载图像？

Answer 1

它是用于解析 HTML 的文档片段的“特征”。您需要实现(或使用)其他解析器，而不是 jQuery。

由于加载失败(Chrome 28)，两个代码示例都会生成错误消息。

(function () {
    var docFragment = document.createDocumentFragment();
    var img = document.createElement("img");
    img.src = "http://not.found/1.jpg";
    docFragment.appendChild(img);
}());

(function () {
    var docFragment = document.createDocumentFragment();
    var div = document.createElement("div");
    docFragment.appendChild(div);
    div.innerHTML = '<img src="http://not.found/1.jpg"/>';
}());

PS:使用 insertAdjacentHTML 的技巧也是一样的