フラッシュレス更新WebコンテンツJS実装

796 ワード

todo list
フラッシュレス更新ページの課題は大きい.
ロードされた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);