带有src的DOM img节点，不加载图像

Question

我在DOM元素上使用jQuery，这些元素没有添加到实际页面的DOM树中，也不会呈现一些HTML并将其作为字符串。

最小的例子就是评估：

$('<div><img src="foo.png"></div>').html()

不幸的是，这会导致浏览器尝试加载图片。

我该如何防止这种情况？

这是在Chrome应用的上下文中，因此可以使用特定于Chrome的解决方案。

在我的用例中，简单地避免DOM元素不是一个选项：在实际代码中，现有的模板机制使用DOM元素和jQuery来组合输出。同样，我不能简单地将src替换为data-src。

Answer 1

您可以使用DOMParser

var parser = new DOMParser();
var doc = parser.parseFromString('<div><img src="foo4.png"></div>', 'text/html');

如果你需要用它做某事，html就在doc.body.innerHTML