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>
    

      

  • 相关阅读:
    vue 无缝无限滚动横条实现
    小程序 recycle-view 个人demo
    js 笔记
    java整理的一些面试资料
    使用js获取浏览器地址栏里的参数
    java面试题
    sql中索引不会被用到的几种情况
    常用linux命令
    shiro登录成功之后跳转原路径
    springboot 整合 mongodb实现 批量更新数据
  • 原文地址:https://www.cnblogs.com/zhoushiya/p/12107298.html
Copyright © 2011-2022 走看看