您的位置:首页 > 其它

iframe 自适应新页面高度

2014-12-23 23:31 337 查看
<script type="text/javascript">
//iframe自适应高度的函数

        var oTime = null;

        function resize() {

            if (oTime) {

                clearTimeout(oTime);

            }

            oTime = setTimeout(reset, 200);

        }

 

        //iframe自适应高度的函数

        function reset() {

            var frame = document.getElementById("adminContent");

            var outHeight = frame.offsetHeight;

            var inHeight = frame.contentWindow.document.body.scrollHeight;

            if (outHeight < inHeight) {

                frame.style.height = (inHeight + 10) + "px";

            }else if(inHeight>650){

                frame.style.height=(inHeight + 10) + "px";

            }else{

                frame.style.height="750px";

            }

        }
</script>

<iframe src="home_page.jsp" width="100%"
onreadystatechange="resize()" onload="resize()" frameborder="0" scrolling="no"
name="adminContent" id="adminContent"></iframe>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: