<iframe>标签自适应高度和宽度

快乐打工仔 分类:实例代码

此标签有默认高度,不能够自适应所在容器的高度。

有时候我们需要做到自使用效果,下面就分享一段能够实现自适应的核心代码片段。

<iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
<script type="text/javascript" language="javascript">           
function iFrameHeight() {    
  var ifm= document.getElementById("iframepage");   
  var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;   
  if(ifm != null && subWeb != null) {
    ifm.height = subWeb.body.scrollHeight;
    ifm.width = subWeb.body.scrollWidth;
  }          
}          
</script>

<iframe>标签自适应高度和宽度,这样的场景在实际项目中还是用的比较多的,关于<iframe>标签自适应高度和宽度就介绍到这了。

<iframe>标签自适应高度和宽度属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容