网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > Javascript > JavaScript实际应用:子窗口和父窗口交互  

JavaScript实际应用:子窗口和父窗口交互

2006-04-18  作者:BitsCN.com整理  来源:中国网管联盟  点评 投稿 收藏

  最近项目开发中需要子窗口和父窗口交互的内容,基本上无非就是把子窗口的信息传递给父窗口,并且关闭自己等等,或者是父窗口把自己的信息传递给子窗口等等。 网管下载dl.bitscn.com

1。父窗口传递信息给子窗口 网管网www_bitscn_com

看代码实例:
网管bitscn_com



//调用上面的函数

网管bitscn_com

中国网管联盟bitsCN.com


2。子窗口传递参数给父窗口 网管u家u.bitsCN.com

我们对上面的代码进行改造:

网管联盟bitsCN_com

网管网www.bitscn.com



网管联盟bitsCN@com

中国网管联盟bitsCN.com


3。不是同页面的子窗口和父窗口交互

网管联盟bitsCN_com

假设我们涉及到外部程序,比如php、asp等等,那么我们处理的可能是两个页面,比如,上传功能,我们就是需要打开一个新页面,然后再把新页面中的值传递给父页面。

网管网www_bitscn_com

局部代码实例:

网管网www_bitscn_com



网管u家u.bitscn@com

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

网管联盟bitsCN@com


tag.php部分代码:

中国网管论坛bbs.bitsCN.com

查询标签结果:
生活加入该标签 网管u家u.bitsCN.com

生活秀加入该标签 中国网管联盟bitsCN.com

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

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

网管论坛bbs_bitsCN_com


基本我目前了解就是如此,以后有东西继续添加。

网管网www_bitscn_com


----------------------------------------------------
参考文章:

网管网www_bitscn_com

http://www.cnbug.com/Article/{C96F3C33-E894-4982-B5C2-7F87D1C2AEAC}.htm 中国网管论坛bbs.bitsCN.com

http://www.blueidea.com/bbs/newsdetail.asp?id=142888
http://www.cnblogs.com/gxh973121/archive/2005/04/05/132664.aspx
http://51js.zahui.net/html/1/15100.htm 中国网管论坛bbs.bitsCN.com


TAGs   窗口   交互   应用   实际   我们   页面   就是   传递   代码   面的      
 上一篇:去掉字符串前后的空格   下一篇:javascript全屏幕显示的问题
JavaScript实际应用:子窗口和父窗口交互 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: