HTML代码:
<iframe marginwidth='0' width='1200px' hspace='0' vspace='0' frameborder='0' scrolling='auto' οnlοad='startInit(this)' src="+showDataUrl+" />
然后通过JS来编写iframe的自适应:
//iframe自适应高度
function reinitIframe(obj)
{
var browserVersion= window.navigator.userAgent.toUpperCase();
try{
var iframe=obj;
var bHeight=0;
if(browserVersion.indexOf("CHROME")==-1 && browserVersion.indexOf("SAFARI")==-1)
bHeight=iframe.contentWindow.document.body.scrollHeight;
var dHeight=0;
if(browserVersion.indexOf("FIREFOX")!=-1)
dHeight=iframe.contentWindow.document.documentElement.offsetHeight + 20;
else if(browserVersion.indexOf("MSIE")==-1 && browserVersion.indexOf("OPERA")==-1)
dHeight=iframe.contentWindow.document.documentElement.scrollHeight;
else
bHeight=bHeight+3;
var height = Math.max(bHeight, dHeight)+40;
iframe.style.height=height+"px";
}catch (ex){}
}
//每隔100ms刷新一次
function startInit(obj)
{
window.setInterval(function(){
reinitIframe(obj);
},100);
}