子窗体调用父窗体方法

2025-04-22 02:23:19

1、第一步我们首先需要创建父窗体和子窗体的页面,其中父窗体window.open('child.html刻八圄俏9;)打开子窗口,并且含有parentFunction方法获取自身变量值,如下图所示:

子窗体调用父窗体方法

2、第二步我们写完了父窗口的页面之后,来写子窗口的,通过opener.parentFunction()来调用父窗口获取自身变量的方法,如下图所示:

子窗体调用父窗体方法

3、第三步我们首先在浏览器打开父窗口页面,点击打开子窗口,如下图所示:

子窗体调用父窗体方法

4、第四步可以看到打开了子窗口,在子窗口点击“fu”按钮,来调用父窗口的获取自身变量的方法,并回到父窗口,如下图所示:

子窗体调用父窗体方法

5、第五步可以看到子窗口调用了父窗口获取自身变量的方法,弹出父窗口变量的parent值,并返回父窗口页面,如下图所示:

子窗体调用父窗体方法

6、第六步这样就成功的完成了子窗体调用父窗体的方法,我们也可以让子窗口是父窗口的一个iframe来实现,如下图所示:

子窗体调用父窗体方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢