html 内嵌iframe html页面 内嵌iframe

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字符串引号和双引号的匹配，会导致页面不能正确的解析；