找回密码
 注册
搜索
热搜: 回贴

分析一下网页子窗口和网页父窗口的交互

2009-12-16 23:45| 发布者: admin| 查看: 64| 评论: 0|原作者: 潇潇雨

1、父窗口传递信息给子窗口
看代码实例:


//调用上面的函数




2、子窗口传递参数给父窗口
我们对上面的代码进行改造:


情缘.教程_网 [http://Www.XiuGoo.Com]




3、不是同页面的子窗口和父窗口交互
假设我们涉及到外部程序,比如php、asp等等,那么我们处理的可能是两个页面,比如,上传功能,我们就是需要打开一个新页面,然后再把新页面中的值传递给父页面。
局部代码实例:




以上是父窗口的部分代码,里面的popUpWindow是封装好的window.open函数,所以理解面面的tag.php是另外一个页面就可以,我们需要把当前表单中的值提交给tag.php页面去处理。
tag.php部分代码:
查询标签结果:

生活加入该标签

生活秀加入该标签这个就是我们的子窗口,我们要把tag_1和tag_2返回到子窗口中,虽然他们不是同一个页面。这里有个知识点,就是我们如何获取连接中的值,我们使用innerHTML属性:document.tag_2.innerHTML 这个就是我们获取了tag_2的值“生活秀”,我们也能使用其他方法获取,比如:document.all.tag_2.innerHTML,或者this.innerHTML就是指本身的链接的值。

访问父窗口也是使用opener对象来处理:opener.document.tryst_form.input_tag.value,就能够改变父窗口的值。

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-29 19:23 , Processed in 0.164905 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部