html中iframe控制父页面刷新
2013-07-07 15:27
281 查看
一、应用场景
父页面 a.jsp
子页面 b.jsp,作为a页面中嵌入的iframe指向的页面
<body>
<iframe id="frame" src="b.jsp" .../>
</body>
现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新
二、思路
在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值。
三、实现
在b.jsp中
function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
这样只刷新了frame,局部刷新的效果。当然会面对页面缓存问题,解决如下:
var path = frame.getAttribute("src") + "&random=" + new Date();
父页面 a.jsp
子页面 b.jsp,作为a页面中嵌入的iframe指向的页面
<body>
<iframe id="frame" src="b.jsp" .../>
</body>
现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新
二、思路
在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值。
三、实现
在b.jsp中
function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
这样只刷新了frame,局部刷新的效果。当然会面对页面缓存问题,解决如下:
var path = frame.getAttribute("src") + "&random=" + new Date();
相关文章推荐
- html中iframe控制父页面刷新
- html中iframe控制父页面刷新实现思路及代码
- html总结 iframe 的神奇用法 无刷新加载其他页面的内容
- html(object)控制ie的打印、刷新、另存、关闭、打开、页面设置、属性、打印预览
- HTML:事件控制iframe控件中打开某个页面
- iframe + js 实现HTML局部刷新页面
- 关于iframe 局部刷新 全部刷新 的解决办法以及嵌套 嵌套html页面
- jquery使用iframe实现HTML页面局部刷新代码
- javascript控制页面(含iframe进行页面跳转)跳转、刷新的方法汇总
- html中meta标签 refresh 属性值 -- 刷新与跳转(重定向)页面
- iframe内部嵌入html页面并且能够跳转
- html 页面几秒刷新 & 跳转
- 页面无刷新处理数据(ajax以及iframe)
- html使用iframe保持原页面不刷
- html页面动态引入iframe广告
- js控制 页面刷新,但滚动条位置不变 浏览器兼容
- html页面中iframe嵌套页面的父页面和子页面js方法互相调用
- Html进去的时候页面只刷新一次
- iframe刷新后,父页面获取子页面的元素
- html基础 meta标记 每隔五秒网页刷新一次 打开网页10秒钟后跳转指定页面