iframe根据子frame的高度自动高度

    
<script type="text/javascript">
//光标移动到顶部
this.to_top=function(){
     $("html,body").animate({scrollTop:0}, 500);
}


this.setCwinHeight=function (iframeObj) {

        /*     8、获取iframe的高度
         iframe.contentWindow.document.body.offsetHeight;
         如果要获取iframe中的iframe  
         document.getElementById('iframId').οnlοad=function(){  
         var html= window.frames["name属性"].frames["name属性"].document.getElementById('iframe中的元素的id').innerHTML;  
        
         $('#iframeId').load(function() { //方法1  
         var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);  
         var h=$(this).contents().height();  
         $(this).height(h+'px');   
         });  
         */
        if (document.getElementById) {
            if (iframeObj && !window.opera) {
                if (iframeObj.contentDocument
                        && iframeObj.contentDocument.body.offsetHeight) {
                    if (a = iframeObj.getAttribute("id") == "video_top") {
                        iframeObj.height = iframeObj.contentWindow.document.body.offsetHeight;
                    } else if (iframeObj.getAttribute("id") == "video_bottom") {
                        iframeObj.height = iframeObj.contentWindow.document.body.offsetHeight;
                    } else if (document.frames[0].contentWindow
                            && document.frames[0].contentWindow.document.body.scrollHeight) {
                        var height = document.frames[0].document.body.scrollHeight;
                    }
                }
            }
        }
    }
</script>
//src为子frame间接路径
<iframe id="video_bottom" src="${pageContext.request.contextPath}/vcomment/videoBottom/${videoId}.htm" width="90%"  frameborder="0" scrolling="no" οnlοad="setCwinHeight(this);"></iframe>

  

 

转载于:https://www.cnblogs.com/weixupeng/p/8866045.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值