当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js操作iframe的src的例子

Javascript
jQuery在IE中解释XML要注意的问题
JavaScript学习笔记:创建对象和构造类
JS学习笔记:Javascript类的继承
Javascript学习笔记:错误处理
JS学习笔记:防止发生命名冲突
怎么让网页全屏显示?
JS教程:addDOMLoadEvent事件
MooTools教程(告诉你为什么学Mootools)
选择mootools的5个原因
js教程:JavaScript作用域(Scope)
JS教程:日期格式转换函数
JavaScript中的Function对象
JS教程:理解JavaScript闭包
window.location.href出问题分析思路
JS教程:javascript获取页面属性
Webjx收集jQurey模式窗口的网页设计实例
现代网页设计时尚:网页中对话框窗口
概念网站实例:所有网页都在一个网页里
JS教程:鼠标悬停文字上显示图片
网页内容切换效果实现的15个jQuery插件

Javascript 中的 js操作iframe的src的例子


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 385 ::
收藏到网摘: n/a

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