
- 本栏最新文章
- iframe的高度随内容变化而变化的代码 08-05
- css基础教程布局篇之一 08-04
- 根本不存在DIV+CSS布局这回事 08-04
- CSS教程:legend标签设定宽度 07-29
- css对于颜色和文本属性的控制 07-28
- 学习css需要什么软件 07-28
- Design_master:研究淘宝 经验分享一 07-27
- 提高CSS的网页渲染效率11个注意点 07-25
- Javascript如何应用到网页中 07-22
- CSS初学:如何修改Zblog中的CSS 07-22

- 本栏推荐文章
- Photoshop教程:水灵灵的美女调出来 12-30
- AS3与后台交互 12-21
- AS3通俗教程---AS3自身loading制作 12-19
iframe的高度随内容变化而变化的代码
iframe框架高度随内容的变化而变化的代码。
<iframe src="XXX.htm" width="700px" frameborder="0" id="frmsrc" 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" id="frmMain" 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;
}
}
}


