javascript - innerHTML への割り当てがリソースを要求するのを防ぐことはできますか?

Question

次のコードは、Firefox と Chrome の両方で画像リソースの HTTP リクエストになります。

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

elプログラマーとして、私はレンダリングされたいと思うかもしれませんし、したくないかもしれません。そうしないと、src にリクエストが送信されたくないのかもしれません。

dojo.toDom()同じ挙動を示します。

参照リソースが要求されることなく、文字列からドキュメントフラグメントを取得する方法はありますか?

score 2 · Accepted Answer

を使用しDOMParserて、特定の文字列から完全なドキュメント構造を作成します。

または、イベントを使用してbeforeloadリクエストをインターセプトします。

score -2 · Accepted Answer

documentFragmentsを作成して操作する代わりに、文字列を使用してDOM要素を作成するためのはるかに軽いメモリ：

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;

2 に答える 2