用js操作iframe改变界面高度

这次给大家带来用js操作iframe改变界面高度，用js操作iframe改变界面高度的注意事项有哪些，下面就是实战案例，一起来看一下。

nbsp;html>


    <meta>
    <title></title>


<input>
<input>
<iframe></iframe>

<script>
//  contentWindow所有浏览器支持，contentDocument IE不支持;  window.parant当前页面的父页面，window.top当前页面的最外层页面
//  iframe防钓鱼:if(window!=window.top){window.top.location.href=window.location.href} 如果最顶层页面不是当前页面，就把最顶层网址指向当前页面网址
    window.onload=function(){
        var oIframe=document.getElementById(&#39;iframePage&#39;);
        var aBtn=document.getElementsByTagName(&#39;input&#39;);
        changeHeight();
        function changeHeight(){
            setTimeout(function(){  //必须加一个延迟，不然高度改变会和页面加载冲突，事先不了高度变化
                oIframe.height=oIframe.contentWindow.document.body.offsetHeight;
            },100);
        }
        aBtn[0].onclick=function(){
            oIframe.src=&#39;1.html&#39;;
            changeHeight();
        };
        aBtn[1].onclick=function(){
            oIframe.src=&#39;2.html&#39;;
            changeHeight();
        };
    };
</script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

以上是用js操作iframe改变界面高度的详细内容。更多信息请关注PHP中文网其他相关文章！