js实现iframe动态调整高度的代码

更新时间：2008年01月06日 19:51:32 作者：

iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下JS函数：

复制代码代码如下:

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,不能丢掉onload属性，当然了，id也必须也函数中的win匹配
程序代码

复制代码代码如下:

<iframe width=”778″ align=”center” height=”200″ id=”win” name=”win” onload=”Javascript:SetWinHeight(this)” frameborder=”0″ scrolling=”no”></iframe> 

您可能感兴趣的文章:

JS超出精度数字问题的解决方法
一般参数值不能超过16位,如果超出16都是用0替代,导致我们查询不到自己想要的结果,这篇文章主要给大家介绍了关于JS超出精度数字问题的解决方法,需要的朋友可以参考下
2021-07-07
每天一篇javascript学习小结（基础知识）
这篇文章主要介绍了javascript基本的知识点，包括字符串、特殊字符运算、变量转字符串等，对javascript的基础知识讲解的很全面，为了更好地帮助大家学习javascript，感兴趣的小伙伴们可以参考一下
2015-11-11
通过js实现压缩图片上传功能
这篇文章主要介绍了通过js实现压缩图片上传功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-02-02
前端URL拼接路径参数具体实现代码
这篇文章主要给大家介绍了关于前端URL拼接路径参数具体实现的相关资料,url地址拼接是经常会遇到的问题,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-12-12
javascript实现unicode和字符的互相转换
javascript实现unicode和字符的互相转换...
2007-07-07
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是为了改变函数体内部 this 的指向。下面通过本文重点给大家介绍js中apply，call，bind的巧妙使用方法，感兴趣的朋友一起学习吧
2016-08-08
js鼠标单击和双击事件冲突问题的快速解决方法
下面小编就为大家带来一篇js鼠标单击和双击事件冲突问题的快速解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
子窗体与父窗体传值示例js代码
子窗体与父窗体之见互相传值实现使用中很频繁，本文以一个小示例抛砖引玉，希望大家可以举一反三
2013-08-08
JavaScript父子窗体间的调用方法
这篇文章主要介绍了JavaScript父子窗体间的调用方法,涉及javascript调用窗体的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
js捕捉键盘事件和按键键值的方法
下面小编就为大家带来一篇js捕捉键盘事件和按键键值的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10