关于iframe自适应高度的解决方案

来源:互联网 发布:simcms二手车2.0 源码 编辑:程序博客网 时间:2024/06/05 03:13

tip: 遇到的一些问题:第一次加载页面的时候,iframe高度会自动获取到,但是改变浏览窗口就实效了,
第二次切换的时候,也实效,所以要监听 iframe 的onload事件 和浏览器 window.resize 事件:

代码如下:

html部分:

    <iframe src="http://www.baidu.com" id="myIframe" scrolling="no" onload="changeFrameHeight()" frameborder="0"></iframe>

javascript部分:

    function changeFrameHeight(){        var ifm= document.getElementById("myIframe");         ifm.height = document.documentElement.clientHeight;    }    window.onresize=function(){           changeFrameHeight();      } 
原创粉丝点击