记一次<iframe>的使用

简介: 将jsp拆分frame框架,因为采用了第一种方式,一直在考虑用jquery异步请求获取数据,总是但不到效果, 终于在js写吐的时候选择了第二种方式。 //参考网上的使用,大多是下面这个样子,如果涉及静态页面之间定位,是没有问题的//href:为目标页面----->通过target定位到frame ${org.

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

 

相关文章
|
2月前
|
SEO
iframe是什么
iframe是什么
34 1
|
3月前
Iframe
Iframe。
42 1
|
移动开发 JavaScript 搜索推荐
iframe常用
iframe常用
|
安全 搜索推荐 JavaScript
什么是iframe
什么是iframe
72 0
|
前端开发 JavaScript
用jquery操作iframe
用jquery操作iframe
188 0
|
Web App开发 容器
你对iframe知道多少
你对iframe知道多少
【HTML】Iframe中的onload事件
【HTML】Iframe中的onload事件
265 0
|
前端开发 JavaScript API
<iframe/onload=alert(document.cookie)></iframe>
<iframe/onload=alert(document.cookie)></iframe>
1222 0