iframe自适应高度以及调用父子窗口的方法

最新推荐文章于 2024-07-26 15:39:22 发布

凡夫俗子Z

最新推荐文章于 2024-07-26 15:39:22 发布

阅读量2.2k

点赞数

分类专栏： web前端开发文章标签： iframe html

本文链接：https://blog.csdn.net/u012499210/article/details/51713159

版权

web前端开发专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<iframe name="mainFrame" id="mainFrame" frameborder="0"
				src=""
				style="margin: 0 auto; width: 100%;z-index:100;position: relative;">
			</iframe>

1. 高度与父窗口一致自适应

<script>
			function loginFrame(){
				var mainFrame = document.getElementById("mainFrame");
				var bheight = document.documentElement.clientHeight;
				mainFrame.style.width = '100%';
				mainFrame.style.height = (bheight) + 'px';			
			}
			loginFrame();
			
			window.οnresize=function(){  
				loginFrame();
			}
		</script>

2调用父子窗口方法

a.获取父窗口方法 window.parent.method();
b..获取子窗口方法 $("#myFrame").window.method();