<html> <!-- 去除四周白边 --> <body style="margin: 0;padding: 0;"> <!--这边以div为父元素,当然也其他的元素为父元素--> <div id="div1" style="height: 100%;width:100%;"> <iframe name="Info1" id="Info1" src="https://55gy.cn/" width="100%" scrolling="true" frameborder="0"></iframe> </div> <!--iframe的高度设置为父元素的高度即可实现高度自适应--> <script> //iframe载入时更改高度 window.onload = function () { //页面高度 var a=document.getElementById('div1').offsetHeight; document.getElementById('Info1').height=a; }; //窗口高度更改时更改iframe高度 window.onresize = function(){ //页面高度 var a=document.getElementById('div1').offsetHeight; document.getElementById('Info1').height=a; }; </script> </body> </html>
本文作者为55gY,转载请注明。
本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!