您现在的位置是：首页 > 文章详情

记一次<iframe>的使用

日期：2018-10-08点击：505收藏

将jsp拆分frame框架，因为采用了第一种方式，一直在考虑用jquery异步请求获取数据，总是但不到效果，

终于在js写吐的时候选择了第二种方式。

//参考网上的使用，大多是下面这个样子，如果涉及静态页面之间定位，是没有问题的
//href：为目标页面----->通过target定位到frame 
<a href="views/mainframe.jsp" target="Iframe" " >${org.orgName}</a>

 <iframe id="IframeId" name="Iframe" width="1000px" style="border:0px;"></iframe>

//当涉及到数据动态多获取时候上面就失效了；
//不确保上面的写法是否正确，但不牵扯到数据的时候 确实能达到效果
//个人认为href：用于request请求，target用作frame页面定位，frame的src用于指定包含的框架页面

 <a href="actionURL用于获取数据展示到mainframe.jsp" target="Iframe" " >${org.orgName}</a>

 <iframe src="views/mainframe.jsp" id="IframeId" name="Iframe" width="1000px" style="border:0px;"></iframe>

//定义自适应frame高度的js

<script type="text/javascript">
    function reinitIframe(){
        var iframe = document.getElementById("IframeId");
        try{
            var bHeight = iframe.contentWindow.document.body.scrollHeight;
            var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
            var height = Math.max(bHeight, dHeight);
            iframe.height = height;
        }catch (ex){}
    }
    window.setInterval("reinitIframe()", 200);
</script>