一般来说,我反对使用iframe,但它解决了我的一个特殊问题.
问题是我在网页上有一个tinyMCE编辑器.在用户使用此编辑器制作内容之后,内容将作为HTML发送到Web应用程序.然后,此内容将显示在div中.事实上,tinyMCE经常添加绝对位置的样式和与Web应用程序的其余部分打破的东西.
测试时我发现新的HTML 5 iframe srcdoc =“< p>一些HTML< / p>”而无缝=“真实”对我的情况来说是完美的.它看起来很无缝,内容风格和我的风格完好无损.遗憾的是,我现在看到Android尚不支持HTML5 srcdoc属性(http://w3schools.com/html5/tryit.asp?filename=tryhtml5_iframe_srcdoc在chrome和android浏览器中产生不同的结果).
所以问题是：是否有任何替代iframe srcdoc将保留所有接收内容的样式并将其包含在div中？
解决方法
您可以像这样写入iframe的文档：
var iframeDocument = document.querySelector('#foo').contentWindow.document;
var content = '<html></html>';
iframeDocument.open('text/html','replace');
iframeDocument.write(content);
iframeDocument.close();
