JavaScript刷新父页面方法示例
5星 · 超过95%的资源 需积分: 33 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`方法实现页面刷新。在实际编程中,开发者应使用更现代和兼容性更好的方法来达到相同的效果。
291 浏览量
643 浏览量
118 浏览量
2020-10-25 上传
291 浏览量
443 浏览量
886 浏览量
144 浏览量
144 浏览量
etongchina
- 粉丝: 6
最新资源
- 远程工作趋势:全球公司采纳与投资情况
- MobaSSH v1.60:跨平台远程控制与文件传输解决方案
- EGSEA包:整合多种基因组富集分析方法的R软件包
- 开发抽奖系统支持巴西朝圣者活动
- TypeScript端到端测试自动化样板:使用Protractor与Mocha-Chai
- 宠物主题可爱猫星人PPT模板免费下载
- 解决serenum.sys数字签名问题及驱动安装指南
- Gobarber-api: 塞纳河畔雷库佩拉索的API实现与邮件服务测试
- CameraLink协议中文版及使用方法合集下载
- 仿腾讯自选股APP头部效果开发教程
- 探索React Native壁纸项目设计与实现
- Android瀑布流下拉刷新功能实现源码解析
- 易语言实现超级编辑框记事本完整源码解析
- 深入理解Boost_1_60_0头文件及库文件结构
- SAP Palo Alto咖啡厅菜单API后端开发与应用
- Android图片处理综合例子源码教程