手机
当前位置:查字典教程网 >网页设计 >脚本HTML教程 >iframe的高度随内容变化而变化的代码
iframe的高度随内容变化而变化的代码
摘要: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;

}

}

}

【iframe的高度随内容变化而变化的代码】相关文章:

一个生成html的新方法

HTML 4.0 语法背景标签

HTML表格的表主体标记

Visual Basic中如何处理HTML文档和剪贴板

html中iframe控制父页面刷新实现思路及代码

一种简洁的选项卡效果代码

如何将一个html页面中嵌入另一个html页面

HTML表单标记概述

HTML中Id和Name的区别

HTML标记大全参考手册

精品推荐
分类导航