从字符串构造DOM树而不加载资源（特别是图像）
所以我通过AJAX抓取RSS提要。 在处理它们之后，我有一个html字符串，我想使用各种jQueryfunction来操作它。 为了做到这一点，我需要一个DOM节点树。
我可以将HTML字符串解析为jQuery（）函数。
我可以将它作为innerHTML添加到某个隐藏节点并使用它。
我甚至尝试过使用mozilla的非标准range.createContextualFragment（）。
所有这些解决方案的问题在于，当我的HTML代码段具有
这可以用javascript吗？ 我不介意它是否仅仅是mozilla，因为我已经使用了javascript 1.7function（现在似乎只是mozilla）
答案是这样的：
var parser = new DOMParser(); var htmlDoc = parser.parseFromString(htmlString, "text/html"); var jdoc = $(htmlDoc); console.log(jdoc.find('img'));
如果你注意你的网络请求，你会注意到即使html字符串被jquery解析和包装也没有。
显而易见的答案是解析字符串并从img标记中删除src属性（对于您不想加载的其他外部资源，类似）。 但你已经想到了这一点，我相信你正在寻找一些不那么麻烦的东西。 我还假设你已经尝试在jquery解析字符串之后但在将其附加到文档之前删除src属性，并发现图像仍在被请求。
我没有提出任何其他内容，但您可能不需要进行完整的解析; 这个替换应该在Firefox中做一些警告：
thestring = thestring.replace("![]()
警告：
- 这似乎适用于当前的Firefox。 这并不意味着后续版本不会选择以不同方式处理重复的
src属性。 - 这假设文字字符串是“通用假设，该字符串可以出现在足够...有趣...页面上的属性值中，尤其是在这样的内联
onclick处理程序中：（尽管在该示例中，误报替换是无害的。）
这显然是一个黑客，但在有限的环境中，有着相当知名的数据......
您可以使用DOM解析器来操作节点。 只需替换src属性，存储它们的原始值并稍后再添加它们。
样品：
(function () { var s = "
"; var parser = new DOMParser(); var dom = parser.parseFromString("" + s + "", "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); })();