设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 站长专区 >> 新手上路 >> iframe的高度随内容的变化而变化
精品推荐
新手上路点击TOP10
·巧妙突破宽带运营商封锁建立自主Web服务器
·oblog3x sql 版图文转换教程
·建站全攻略从入门到精通(具体细节篇)
·建站全攻略从入门到精通(总体规划篇)
·建站全攻略从入门到精通(前期准备篇)
·建站全攻略从入门到精通(网络基础知识)
·建站全攻略从入门到精通(前言)
·建站全攻略从入门到精通(技巧篇12-18)
·个人建站指南
·建站全攻略从入门到精通(技巧篇19-27)
站长专区点击TOP10
·如何向Alexa提交你的网站图片
·服务器安装PHP4教程
·分析几种下载流媒体时必需具备的小技巧
·网络入门:IP地址与域名详解
·强制点广告后可看到内容加cookie的代码
·域名抢注入门
·了解Alexa-关于Alexa Toolbar
·网站访问量的监测
·如何在你的网站显示各种Alexa世界排名的代码
·2004年科技界十大热点排名 搜索博客最热门
精选专题

iframe的高度随内容的变化而变化

作者: 来源:http://www.xgdown.com/ 时间:2007-10-11 12:58:00

本文详细介绍了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;
    }
 }
}


iframe的高度随内容的变化而变化 相关文章:
iframe的高度随内容的变化而变化 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com