1、第一步我们首先需要创建父窗体和子窗体的页面,其中父窗体window.open('child.html')打开子窗口,并且含有parentFunction方法获取自身变量值,如下图所示:
2、第二步我们写完了父窗口的页面之后,来写子窗口的,通过opener.parentFunction()来调用父窗口获取自身变量的方法,如下图所示:
3、第三步我们首先在浏览器打开父窗口页面,点击打开子窗口,如下图所示:
4、第四步可以看到打开了子窗口,在子窗口点击“fu”按钮,来调用父窗口的获取自身变量的方法,并回到父窗口,如下图所示:
5、第五步可以看到子窗口调用了父窗口获取自身变量的方法,弹出父窗口变量的parent值,并返回父窗口页面,如下图所示:
6、第六步这样就成功的完成了子窗体调用父窗体的方法,我们也可以让子窗口是父窗口的一个iframe来实现,如下图所示: