记一次<iframe>的使用

将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>
 

 

posted @ 2018-10-09 15:46  |瑾诺学长|  阅读(281)  评论(0编辑  收藏  举报