1 / 6
文档名称:

iframe自适应高度方法.doc

格式:doc   大小:73KB   页数:6页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

iframe自适应高度方法.doc

上传人:xunlai783 2018/1/7 文件大小:73 KB

下载得到文件列表

iframe自适应高度方法.doc

文档介绍

文档介绍:简单一点给每个iframe外面套个div就可以了
<div><iframe id="dingbu" name="dingbu" width="100%" onload="=" frameborder="0" src="spms/"></iframe></div>
第一种方法:代码简单,兼容性还可以,大家可以先测试下。
复制代码代码如下:
function SetWinHeight(obj)
{
var win=obj;
if ()
{
if (win && !)
{
if ( && )
= ;
else if( && )
= ;
}
}
}
最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配
复制代码代码如下:
<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src=""></iframe>
这么的这种也是跟上面的解决方法类似的代码
经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
HTML代码:
复制代码代码如下:
<iframe src="/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>Javascript代码:
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= ("iframepage");
var subWeb = ? ["iframepage"].document : ;
if(ifm != null && subWeb != null) {
= ;
}
}
</script>
下面这个兼容性更好一些
复制代码代码如下:
<