子窗体调用父窗体方法的实现技巧,分享具体编程步骤与关键代码逻辑。
1、 首先需创建父窗体和子窗体页面,父窗体通过调用window.open(child.html)方法打开子窗口,同时在父窗体中定义parentFunction函数,用于获取父窗体自身的变量数据,实现父子窗体间的初步交互与信息传递。
2、 完成父窗口页面编写后,接着编写子窗口部分,利用 opener.parentFunction() 方法调用父窗口中的函数以获取其变量,具体操作所示。
3、 首先在浏览器中打开父窗口页面,点击按钮弹出子窗口,具体操作所示。
4、 第四步中,子窗口被打开,点击其中的fu按钮,即可调用父窗口获取自身变量的方法,随后返回父窗口,具体操作所示。
5、 第五步中,子窗口调用父窗口的方法获取其变量,弹出显示父窗口变量的parent值,随后返回父窗口页面,效果所示。
6、 第六步成功实现了子窗体调用父窗体功能,也可通过将子窗口设为父窗口的iframe来完成,具体效果所示。
评论
更多评论