标签:100% width 响应 height 代码 page log var parent
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);
};
在父页面方法前加parent即可,
如父页面现有方法func();
在iframe页调用时 parent.func()即可。
标签:100% width 响应 height 代码 page log var parent
原文地址:https://www.cnblogs.com/midnight-visitor/p/9335818.html