javascript - 我们可以防止分配给innerHTML 请求资源吗？

Question

以下代码会在 Firefox 和 Chrome 中生成对图像资源的 HTTP 请求。

var el = document.createElement('div');
el.innerHTML = "<img src='junk'/>";

作为一名程序员，我可能想要也可能不想el被渲染。如果我不这样做，那么也许我不希望为 src 发送请求。

dojo.toDom()显示相同的行为。

无论如何从字符串中获取文档片段，而无需请求引用的资源？

Answer 1

使用DOMParser来从给定的字符串创建完整的文档结构。

或者，使用beforeload事件拦截请求。

Answer 2

使用字符串创建 DOM 元素而不是创建 documentFragments 并使用它们的内存要轻得多：

var div = document.createElement('div');
div.innerHTML = 'some text';
document.getElementById('someparent').appendChild('div');

可以替换为：

var div = '<div>some text</div>';
document.getElementById('someparent').innerHTML += div;