10
2018
01

让iframe自适应浏览器宽度和高度,实现全屏显示

不废话,看代码

<script type="text/javascript">
    function changeFrameHW(){
        var ifm= document.getElementById("ifr");
        ifm.height=document.documentElement.clientHeight;
        ifm.width=document.documentElement.clientWidth;
    }
    window.onresize=function(){  
         changeFrameHW();
    }
</script>
<iframe id="ifr" src="http://www.baidu.com" scrolling="no" onload="changeFrameHW()" frameborder="0"></iframe>

« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。