• iframe高度处理【原创】


      以前处理iframe高度的时候,是在每个页面里写两句js,感觉太烦了,今天处理了下,并增加对ff的支持。代码如下:

    /**
     * iframe高度处理
     * @author zxub 2006-09-29
     
    */

    /**
     * 设置iframe高度等于内部页面高度,用于内部页面
     
    */ 
    function setParentHeight(_iframeId)
    {    
        
    if (parent.setIFrameHeight) return;
        
        
    if (window.addEventListener) //firefox
        {       
            
    var _action=function()
            {            
                
    var _iframe=parent.document.getElementById(_iframeId);
                
    if (!_iframe) return;
                _iframe.height
    =_iframe.contentDocument.body.offsetHeight+16;
            }   
            window.addEventListener(
    "load", _action, false);
        }
        
    else if (window.attachEvent) //IE
        {
            
    var _action=function()
            {
                
    if (!parent.document.getElementById(_iframeId)) return;
                parent.document.getElementById(_iframeId).height
    =document.body.scrollHeight;
            }
            window.attachEvent(
    "onload", _action);
        }
    }

    /**
     * 设置iframe高度等于内部页面高度,用于父级页面
     
    */
    function setIFrameHeight(_iframeId)
    {    
        
    if (window.addEventListener) //firefox
        {          
            
    var _action=function()
            {       
                
    var _iframe=document.getElementById(_iframeId);
                
    if (!_iframe) return;
                _iframe.height
    =_iframe.contentDocument.body.scrollHeight;
                _iframe.onload
    =function()
                {
                    
    this.height=this.contentDocument.body.offsetHeight+16;
                }
            }
            window.addEventListener(
    "load", _action, false);
        }
        
    else if (window.attachEvent) //IE
        {
            
    var _action=function()
            {        
                
    if (!document.getElementById(_iframeId)) return;
                document.getElementById(_iframeId).height
    =document.frames[_iframeId].document.body.scrollHeight;
                document.getElementById(_iframeId).onreadystatechange
    =function()
                {
                    
    if (this.readyState=="complete")
                    {
                        
    this.height=document.frames[_iframeId].document.body.scrollHeight;
                    }
                }
            }
            window.attachEvent(
    "onload", _action);
        }
    }

      setIFrameHeight()最简单了,只要在主页面加这么一句就可以了,内部页面就不需要写什么了。

  • 相关阅读:
    python基础之列表解析
    初学者学习python2还是python3?
    给曾经是phper的程序员推荐个学习网站
    详解python2 和 python3的区别
    Python如何进行中文注释
    import方法引入模块详解
    详解python 局部变量与全局变量
    131-19. 删除链表的倒数第N个节点
    65.django中关于跨域访问设置
    130-283. 移动零
  • 原文地址:https://www.cnblogs.com/zxub/p/518026.html
Copyright © 2020-2023  润新知