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

至此，收工！