html中iframe控制父页面刷新实现思路及代码
2013-07-08 18:21
441 查看
一、应用场景
父页面 a.jsp
子页面 b.jsp,作为a页面中嵌入的iframe指向的页面
现在在b页面中做了一项操作,操作结束后,需要达到a页面中嵌入的iframe刷新
二、思路
在b页面中找到a页面,然后找到a页面里的iframe,重新对iframe的src属性进行赋值。
三、实现
在b.jsp中
这样只刷新了frame,局部刷新的效果。
父页面 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,局部刷新的效果。
相关文章推荐
- jquery使用iframe实现HTML页面局部刷新代码
- html中iframe控制父页面刷新
- html中iframe控制父页面刷新
- iframe + js 实现HTML局部刷新页面
- 使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- php利用iframe实现无刷新文件上传功能的代码
- 基于HTML实现表单提交后不刷新页面
- ASP.NET 页面刷新的实现方法(包括html,js)
- javascript 强制刷新页面的实现代码
- Js实现页面局部刷新的代码一例
- PHP登陆后跳转到登陆前页面实现思路及代码
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- JavaScript事件流 HTML和CSS代码支持页面的外观,JavaScript代码支持页面的行为,而JavaScript与HTML之间的交互是通过事件实现的。事件,是文档或者浏览器窗口中发生
- 用js实现的刷新页面的代码,比较全
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- jquery刷新页面的实现代码(局部及全页面刷新)
- javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
- 刷新页面实现方式总结(HTML,ASP,JS)
- 用javascript实现html页面上自动提示屏幕高度的代码