zoukankan      html  css  js  c++  java
  • iframe宽高自适应

    iframe子页面结尾添加本script

    iframe子页面结尾添加本script
    
    <script type="text/javascript">
            function iframeAuto() {
                try {
                    if (window != parent) {
                        //定位需要调整的frame框架(在父级窗口中查找)
                        var a = parent.document.getElementsByTagName("iframe");
                        for (var i = 0; i < a.length; i++) {
                            if (a[i].contentWindow == window) {
                                var h1 = 0, h2 = 0;
                                a[i].parentNode.style.height = a[i].offsetHeight + "px";
                                a[i].style.height = "10px"; //首先设置高度为10px,后面会修改
                                if (document.documentElement && document.documentElement.scrollHeight) {
                                    h1 = document.documentElement.scrollHeight;
                                }
                                if (document.body) h2 = document.body.scrollHeight;
                                var h = Math.max(h1, h2); //取两者中的较大值
                                if (document.all) { h += 4; }
                                if (window.opera) { h += 1; }
                                //调整框架的大小
                                a[i].style.height = a[i].parentNode.style.height = h + "px";
                            }
                        }
                    }
                }
                catch (ex) { }
            }
            //事件绑定的方法,支持IE5以上版本
            if (window.attachEvent) {
                window.attachEvent("onload", iframeAuto);
            }
            else if (window.addEventListener) {
                window.addEventListener('load', iframeAuto, false);
            }
       
        </script>
    

      

  • 相关阅读:
    ASP.NET中常用的附件上传下载
    C#中导出Excel的常用方式
    ASP.NET中AjaxPro.dll的简单应用
    在ASP.NET中使用FusionCharts图表
    ASP.NET中使用MagicAjax.dll
    FusionCharts图表导出
    C#中经常注入的一些Javascript代码
    CodeSmith3.2(.net2.0)教程
    您未必知道的Css技巧
    Web Service简介
  • 原文地址:https://www.cnblogs.com/zhoushiya/p/12107298.html
Copyright © 2011-2022 走看看