<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>标签自适应高度和宽度属于前端实例代码,有关更多实例代码大家可以查看。