JavaScript刷新父页面方法示例

5星 · 超过95%的资源 需积分: 33 19 下载量 111 浏览量 更新于2025-01-14 收藏 5KB TXT 举报
该资源主要介绍了如何在JavaScript中实现弹出子页面并让子页面操作后刷新父页面的功能。通过示例代码展示了两种对话框的使用(modal和modeless)以及不同按钮触发的刷新操作。 在JavaScript中,当需要刷新父页面时,通常涉及到窗口之间的通信。在这个例子中,有两个HTML页面:`a.htm`和`b.htm`。`a.htm`包含两个按钮,分别使用`showModalDialog`和`showModelessDialog`方法打开`b.htm`。`showModalDialog`创建一个模态对话框,阻塞用户与父窗口的交互,而`showModelessDialog`创建非模态对话框,允许用户与父窗口同时交互。 在`b.htm`中,有两个按钮,一个用于刷新父页面,另一个用于刷新并关闭对话框。当用户在`b.htm`上点击“刷新”按钮时,调用`a()`函数,这个函数通过`window.parent.dialogArguments`获取父窗口的引用,并执行`execCommand('Refresh')`命令来刷新父页面。`dialogArguments`是`showModalDialog`或`showModelessDialog`打开的对话框所特有的属性,可以用来访问父窗口的对象。 此外,`b.htm`还包含另外两个按钮,`get()`函数用于刷新父页面,`shut()`函数则同时刷新父页面并关闭当前对话框。这两个函数的实现与`a()`函数类似,都是通过`execCommand('Refresh')`来刷新父页面,但`shut()`函数额外调用了`window.close()`来关闭对话框。 在JavaScript中,`document.execCommand`是一个过时的方法,主要用于执行一些文档处理命令,如复制、粘贴、查找等。在这里,它被用来模拟刷新页面的效果。然而,现代浏览器已经不再支持`execCommand`,因此在实际开发中,我们应当避免使用这种方法,转而使用其他API,例如`location.reload()`来刷新页面。 对于其他按钮功能,如“P]”(可能代表“关闭”)、“印记”(可能是打印)和“返回”(可能是历史回退),它们的实现没有在提供的代码片段中完全展示。但通常,“P]”按钮会调用`window.close()`来关闭对话框,打印按钮会调用`window.print()`来启动浏览器的打印对话框,而“返回”按钮可能会使用`history.back()`来导航到前一个浏览历史记录。 这个例子展示了JavaScript中如何利用对话框进行父子页面交互,以及如何使用过时的`execCommand`方法实现页面刷新。在实际编程中,开发者应使用更现代和兼容性更好的方法来达到相同的效果。
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部