所以我正在通过 AJAX 获取 RSS 提要。处理它们之后，我有一个要使用各种 jQuery 功能操作的 html 字符串。为此，我需要一棵 DOM 节点树。
我可以将 HTML 字符串解析到 jQuery() 函数中。
我可以将它作为 innerHTML 添加到某个隐藏节点并使用它。
我什至尝试过使用 mozilla 的非标准 range.createContextualFragment()。
所有这些解决方案的问题在于，当我的 HTML sn-p 具有 <img> 标记时，Firefox 会尽职尽责地获取引用的任何图像。由于此处理是不向用户显示的背景内容，因此我只想获得一个 DOM 树 浏览器不加载其中包含的所有图像。
这可以用 javascript 实现吗？我不介意它是否仅限于 mozilla，因为我已经在使用 javascript 1.7 功能（目前似乎仅限于 mozilla）
【问题讨论】：
标签： javascript jquery image download
答案是这样的：
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(htmlString, "text/html");
var jdoc = $(htmlDoc);
console.log(jdoc.find('img'));
如果您注意您的网络请求，您会发现即使 html 字符串被 jquery 解析和包装，也没有发出任何请求。
【讨论】：
DOMParser 解析 HTML，并且在 Safari 中根本不支持。 IE10 终于添加了 HTML 解析，所以如果 Safari 的人愿意加入，它可能会在几年内变得可行。但如果您的目标浏览器不包括 Safari 或 IE8 或 IE9，它就可以工作。 jeromeyers - 当有重大支持问题时，最好在回答中提及。
显而易见的答案是解析字符串并从img 标记中删除src 属性（对于您不想加载的其他外部资源也类似）。但是您已经想到了这一点，我相信您正在寻找不那么麻烦的东西。我还假设您已经尝试在 jquery 解析字符串之后但在将其附加到文档之前删除 src 属性，并发现仍在请求图像。
我没有想出其他任何东西，但您可能不需要进行完全解析；这个替换应该在 Firefox 中完成，但有一些注意事项：
thestring = thestring.replace("<img ", "<img src='' ");
注意事项：
src 属性。onclick 处理程序中：<a href='#' onclick='$("frog").html("<img src=\"spinner.gif\">")'>（尽管在例如，误报替换是无害的。）这显然是一种 hack，但在有限的环境中，数据相当知名......
【讨论】：
src= 替换为 blah=，这也将消除 javascript 获取。
src=，因为它使替换 much 更加复杂，必须确保它出现在标签内，等等，等等。跨度>
您可以使用DOM parser 来操作节点。 只需替换 src 属性，存储它们的原始值并稍后添加它们。
示例：
(function () {
var s = "<img src='http://www.google.com/logos/olympics10-skijump-hp.png' /><img src='http://www.google.com/logos/olympics10-skijump-hp.png' />";
var parser = new DOMParser();
var dom = parser.parseFromString("<div id='mydiv' >" + s + "</div>", "text/xml");
var imgs = dom.getElementsByTagName("img");
var stored = [];
for (var i = 0; i < imgs.length; i++) {
var img = imgs[i];
stored.push(img.getAttribute("src"));
img.setAttribute("myindex", i);
img.setAttribute("src", null);
}
$(document.body).append(new XMLSerializer().serializeToString(dom));
alert("Images appended");
window.setTimeout(function () {
alert("loading images");
$("#mydiv img").each(function () {
this.src = stored[$(this).attr("myindex")];
})
alert("images loaded");
}, 2000);
})();
【讨论】：