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

相关文章
相关标签/搜索