1.创建iframe
scrolling="no" οnlοad="resizeIframe(this)">
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字符串引号和双引号的匹配,会导致页面不能正确的解析;