用javascript的代码控制iframe的刷新的问题

yuanzhaowang 2003-06-04 07:41:40

怎样用javascript代码让一个iframe的刷新？

...全文

129 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

wssgwps 2003-06-04

打赏
举报

回复

<iframe src="123.htm" name="ifrm1"></iframe>
<input type="button" value="refresh1" onclick='window.ifrm1.location.reload();'>
<input type="button" value="refresh2" onclick='ifrm1.history.go(0);'>
<input type="button" value="refresh3" onclick='ifrm1.location=ifrm1.location.href;'>

心云意水 2003-06-04

打赏
举报

回复

iframename.location.reload()
前提：不要跨域操作

本文解决了一个在使用iframe的网页中，通过按钮提交表单后，如何实现从Controller返回整个页面而非仅在iframe内刷新的问题。采用的方法是在后端控制器中通过PrintWriter直接输出JavaScript代码来强制父窗口进行跳转。

本文总结了页面局部动态刷新的方法。常用的iframe和FrameSet存在页面大小不好控制的问题，作者采用JavaScript的xmlhttp对象获取其他页面信息。通过在主页面编写函数获取子页面数据，子页面调用主页面代码并传参，实现动态局部刷新和客户端翻页效果。

这篇博客介绍了在Laravel后台管理页面开发中遇到的诸如列表页查询参数丢失、滚动条位置不记忆、消息提示重复显示等问题，并提出了使用IFrame进行改进的方法。通过在主页面和弹出层分别使用不同的blade模板，配合layui的layer模块和laracasts/flash包，实现了在弹出层编辑保存后能关闭当前层并刷新父页面，从而解决了上述问题。此外，还分享了关键的JS代码和控制器方法来处理页面跳转和数据提交。

本文介绍了一种在iframe中实现页面局部刷新的方法，通过调用parent窗口的location.reload()方法，解决了在模态框提交数据后，iframe内审核状态无法即时更新的问题。

本文详细探讨了如何在JavaScript中利用iframe和Ajax实现无刷新文件上传，包括解决iframe缓存问题，避免多次刷新，并提供了示例代码。通过在iframe的src属性中添加随机数来防止缓存，确保每次加载都是最新的数据。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章