获取iframe子页面节点，响应浏览器宽高

Posted 2020-12-05 midnight-visitor

获取iframe子页面节点，响应浏览器宽高

html部分代码

<div>
    <iframe width="100%" height="100%" id="org" src="" frameborder="0"></iframe>
</div>

实现方法

<script>
    //新增页面加载时，响应浏览器宽高
        window.onload = function(){
            var w = $(window).width() - 330 ;
            var h = $(window).height() - 90;
            //父页面获取iframe子页面节点
            $("#org")[0].onload = function(){
                        //$(".Login-right")获取iframe页面内部div
                $("#org")[0].contentWindow.$(".Login-right").css(‘width‘,w);
            }
            $(".page-container").css(‘height‘,h);
        };
        //浏览器窗口变化时，响应浏览器宽高
        window.onresize=function(){
            var w = $(window).width() - 330 ;
            var h = $(window).height() - 90;
            $("#org")[0].contentWindow.$(".Login-right").css(‘width‘,w);
 　　 $(".page-container").css(‘height‘,h);
        };

iframe调用父页面方法

在父页面方法前加parent即可，
如父页面现有方法func();
在iframe页调用时 parent.func()即可。

至此，收工！