iframe的高度随内容变化而变化的代码
iframe的高度随内容变化而变化的代码
发布时间:2015-11-04 来源:查字典编辑
摘要:iframe框架高度随内容的变化而变化的代码。iframesrc="XXX.htm"width="700px"frameborder="0"...

iframe框架高度随内容的变化而变化的代码。iframe src="XXX.htm" width="700px" frameborder="0" scrolling="no" marginheight="0" onload="AutoIframe()"/iframe

script type="text/javascript"

function AutoIframe()

{

if(document.readyState!='complete')

{

setTimeout( function(){AutoIframe();},25 );

return;

}

else

{

var ifobj=document.getElementById("frmsrc");

ifobj.height= ifobj.contentWindow.document.body.scrollHeight;

}

}

/script

//PS: XXX.htm不可跨域

iframe src="dd.html" name="frmMain" width="99%" height="100%" frameborder=0 scrolling=no marginHeight=0 marginWidth=0 onload="Javascript:SetWinHeight(this)" /iframe

function SetWinHeight(obj)

{

var win=obj;

if (document.getElementById)

{

if (win !window.opera)

{

if (win.contentDocument win.contentDocument.body.offsetHeight)

win.height = win.contentDocument.body.offsetHeight;

else if(win.Document win.Document.body.scrollHeight)

win.height = win.Document.body.scrollHeight;

}

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新脚本HTML教程学习
热门脚本HTML教程学习
网页设计子分类