iframe中插入代碼並執行

最近有需求經過iframe插入代碼。有蠻多方法,以下:html

1 var iframe = document.getElementById('previewUrl');
2 iframe.src = 'about:blank';
3 iframe.contentWindow.document.body.innerHTML+="12312"
4 iframe.contentWindow.document.close();

試了下,以下代碼也能夠:htm

iframe.contentWindow.document.getElementsByTagName('html')[0].innerHTML = finalHtml

不過經過innerHTML的方式插入的js代碼不能執行,so,網上查了下,有以下辦法能夠讓插入的js代碼執行blog

一、解析finalHtml,經過documetnFragment一步一步插入到iframe,考慮到比較麻煩,沒有仔細研究;get

二、先經過window.frames["iframeName"]獲取ifame,再經過document.write("")的方式插入代碼,以下:iframe

window.frames["previewUrl"].document.write(finalHtml);

固然你們有其餘什麼好辦法也能夠給我留言~~it

相關文章
相關標籤/搜索