フラッシュレス更新WebコンテンツJS実装
796 ワード
todo list
フラッシュレス更新ページの課題は大きい.
ロードされたhtml文字列(ajaxで取得された)は、コードを実行する必要がある場合は、問題があるに違いありません.
このオブジェクトを表示されないiframeでロードしたい.これは少しdirty workの感じがします.
最終的な解決策は
フラッシュレス更新ページの課題は大きい.
ロードされたhtml文字列(ajaxで取得された)は、コードを実行する必要がある場合は、問題があるに違いありません.
このオブジェクトを表示されないiframeでロードしたい.これは少しdirty workの感じがします.
最終的な解決策は
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;
document.body.removeChild(frame);
return el;
}
var markup = 'text here
';
var el = str2DOMElement(markup);