iframe自适应宽高

55gY 1,876 0
<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>

本站资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解!

发表评论 取消回复
表情 图片 链接 代码