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

时间：2023-03-08 15:38:48
获取iframe子页面节点，响应浏览器宽高

获取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()即可。

至此，收工！