iframe交互父页面自动高度
Posted 肥肥鱼与鱼
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe交互父页面自动高度相关的知识,希望对你有一定的参考价值。
//父页面源码 <body style="border:1px solid red;width:200px;height:500px;" onload="IFrameResize()"> <script> function IFrameResize() { //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象 //alert(obj.height); //弹出父页面中IFrame中设置的高度 obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度 } </script> <script type="text/javascript" src="./auto-height.js"></script> </body> //子页面源码 <body> <IFRAME border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="iframe.html" frameBorder=0 noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></IFRAME> <!-- <iframe id="iframe" name="asd" src="iframe.html" onload="loadIframe(this)" height="100" frameborder="0" style="border:1px solid blue"> </iframe> --> <script type="text/javascript"> function loadIframe(doc) { console.log(doc.contentWindow.document); } </script> </body>
注意:调试时注意是否是本地启动,还是基于代理服务器。本地启动会触发作用于问题导致错误
以上是关于iframe交互父页面自动高度的主要内容,如果未能解决你的问题,请参考以下文章
怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)
将iframe的内容高度赋值给iframe本身高度,并隐藏iframe里面的垂直滚动条,使iframe和父页面看成是一个整体页面