javascript

位置:IT落伍者 >> javascript >> 浏览文章

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


发布日期:2022年01月30日
 
JavaScript实际应用:子窗口和父窗口交互

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

父窗口传递信息给子窗口

看代码实例

//调用上面的函数

子窗口传递参数给父窗口

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

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

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

局部代码实例

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

tagphp部分代码

查询标签结果

生活加入该标签

生活秀加入该标签

这个就是我们的子窗口我们要把tag_和tag_返回到子窗口中虽然他们不是同一个页面这里有个知识点就是我们如何获取连接中的值我们使用innerHTML属性documenttag_innerHTML 这个就是我们获取了tag_的值生活秀我们也能使用其他方法获取比如documentalltag_innerHTML或者thisinnerHTML就是指本身的链接的值

访问父窗口也是使用opener对象来处理openerdocumenttryst_forminput_tagvalue就能够改变父窗口的值

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

参考文章

{CFCEB

?id=

上一篇:javascript全屏幕显示的问题

下一篇:JavaScript技巧:让网页自动穿上外套