IFrame 自动调整大小

原创 2007年10月11日 14:32:00

主页面:

            //** iframe自动适应页面 **//

            
//输入你希望根据页面高度自动调整高度的iframe的名称的列表
            //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。

            
//定义iframe的ID
            var iframeids=["contents","main"]

            
//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
            var iframehide="no"

            
function dyniframesize(height)
            
{
                
var dyniframe=new Array()
                
for (i=0; i<iframeids.length; i++)
                
{
                    
if (document.getElementById)
                    
{
                        
//自动调整iframe高度
                        dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
                        
if (dyniframe[i] && !window.opera)
                        
{
                            
if (i < 2)
                            
{
                                dyniframe[i].style.display
="block"
                                
if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
                                    dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight + height; 
                                
else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
                                    dyniframe[i].height = dyniframe[i].Document.body.scrollHeight + height;
                            }

                        }

                    }

                    
//根据设定的参数来处理不支持iframe的浏览器的显示问题
                    if ((document.all || document.getElementById) && iframehide=="no")
                    
{
                        
if (i < 2)
                        
{
                            
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
                            tempobj.style.display
="block"
                        }

                    }

                }

            }

            
            
function dyniframesize1()
            
{
                dyniframesize(
0);
            }


            
if (window.addEventListener)
                window.addEventListener(
"load", dyniframesize1, false)
            
else if (window.attachEvent)
                window.attachEvent(
"onload", dyniframesize1)
            
else
                window.onload
=dyniframesize1
        
</script>

 功能页面:

onload="parent.dyniframesize(100);"

iframe自动根据内容调整大小

出处:http://blog.163.com/xx_jun_/blog/static/20827520920125169374412 最近做网页开发,用到了iframe,其实以前也用这个,不过由...
  • u012931864
  • u012931864
  • 2015年12月21日 09:29
  • 585

html iframe自适应高度的多种方法方法小结

对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的...
  • qilixiang012
  • qilixiang012
  • 2014年07月21日 16:48
  • 1440

vb中自动调整控件的大小

机房收费系统中有很多查询记录类的窗体用到了MSHFlexGrid控件。当没有调整该控件的大小时,查询结果可能会如图所示: 而我们需要的是: 这本来是一个很简单的调整MSHFlexGrid列宽的...
  • u010930340
  • u010930340
  • 2013年11月17日 21:26
  • 1575

Qt Creator 窗体控件自适应窗口大小布局

http://www.cnblogs.com/emouse/archive/2013/05/19/3087708.html 常见的软件窗口大小改变(最大化、手动改变时)需要窗口的部件能够自适应布局,...
  • MainSeer
  • MainSeer
  • 2013年05月23日 02:12
  • 1364

对话框大小变化自动调整控件大小ClxDialog及使用方法

ClxDialog类 分类: MFC/C++2012-12-01 13:54 174人阅读 评论(0) 收藏 举报 //从此类派生出的对话框可以根据对话框大小变化自动调整控件大...
  • zxf7522
  • zxf7522
  • 2014年08月23日 14:47
  • 411

QT实现控件自动适合窗口大小

常见的软件窗口大小改变(最大化、手动改变时)需要窗口的部件能够自适应布局,而在Qt的应用程序界面设计中,对于像我一样的初学者如何实现窗口自适应调整还是要绕点弯路的。网上百度了很多,多数说的很含糊,还有...
  • xulu0425
  • xulu0425
  • 2014年08月13日 10:54
  • 460

动态调整iframe页面的大小

          在做网页的时候,经常会遇到希望,在父页面内有一个iframe能自动根据载入页面的大小而动态调整页面大小。特此记录下解...
  • moonboat0331
  • moonboat0331
  • 2013年08月30日 12:21
  • 421

多个iframe同时加载并动态调整大小

动态调整iframe高度的函数
  • gqltt
  • gqltt
  • 2014年10月21日 19:18
  • 584

MFC如何使控件大小随着对话框大小自动调整

对话框的大小变化后,假若对话框上的控件大小不变化,看起来会比较难看。下面就介绍怎么让对话框上的控件随着对话框的大小的变化自动调整。 首先明确的是Windows有一个WM_SIZE消息响应函数,这...
  • lwjaiyjk3
  • lwjaiyjk3
  • 2013年06月04日 07:27
  • 1109

iframe分栏拖拽伸缩例子

这个标题有些绕口,鄙人愚笨,实在找不到一个比较准确的说法,总之就是: 一个页面内显示多个iframe,一个变宽,另一个就变窄,一个变高,另一个就变矮的这种可自由伸缩的效果。它们之间有一个可多拽的...
  • qq_41395044
  • qq_41395044
  • 2017年12月14日 16:21
  • 51
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IFrame 自动调整大小
举报原因:
原因补充:

(最多只允许输入30个字)