flickering_javascript スキルなしで Web コンテンツを更新する JS 実装

todoリスト

Web ページをちらつきなく更新することは大きな問題です。

ロードされた HTML 文字列 (ajax 経由で取得) をまだコードを実行する必要がある場合は、問題があるはずです。

このオブジェクトをホストするには、非表示の iframe を使用したいと考えています。これはちょっとした汚れ仕事のような気がします。

最終的な解決策は

コードをコピーします コードは次のとおりです:

var str2DOMElement = function( html) {
var Frame = document.createElement('iframe');
Frame.style.display = 'none';
document.body.appendChild(frame);
Frame.contentDocument.open();
Frame.contentDocument.write(html);
Frame.contentDocument.close();
var el = Frame.contentDocument.body.firstChild;
ドキュメント。 body.removeChild(frame);
return el;
}
var markup = '

ここにテキスト

';
var el = str2DOMElement(マークアップ);