华拓科技网
您的当前位置:首页javascript应用:Iframe自适应其加载的内容高度_javascript技巧

javascript应用:Iframe自适应其加载的内容高度_javascript技巧

来源:华拓科技网


main.htm:
代码如下:




iframe自适应加载的页面高度





child.htm:




iframe 自适应其加载的网页(多浏览器兼容)

function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("IFRAME");
for(var i=0; i {
if(a[i].contentWindow==window)
{
var h = document.body.scrollHeight;
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = h;
}
}
}
}
catch (ex)
{
alert("脚本无法跨域操作!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);




iframe 自适应其加载的网页(多浏览器兼容)


显示全文