html页面 内嵌iframe

1.创建iframe

<iframe width="100%" frameborder=no id="container"
                                    scrolling="no" onload="resizeIframe(this)"> </iframe>

2. js将html文件字符串，write进html

 $(function(){

    var iframe= document.getElementById('container')；

    var container = iframe.contentWindow.document;
            container.open()
            var s = '${htmlString}';
            container.write(s);
            container.close();

iframe.style.height = container.body.scrollHeight + 'px';

});

页面加载时即可渲染出页面；

note：

1.在使用window.onload =function (){}时出现IE空白现象，window.onload：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个

$(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行；

2.注意html字符串引号和双引号的匹配，会导致页面不能正确的解析；