未完整版

javascript 父窗口与子窗口的互相调用

a.html 父页面

  1. <HTML>
  2. <HEAD>
  3. <meta http-equiv="content-Type" content="text/html;charset=utf-8">
  4. <TITLE></TITLE>
  5. <style></style>
  6.  
  7. <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  8.  
  9. <script type="text/javascript">
  10.     /** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */
  11.     var parentVairous = "为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量";
  12.  
  13.     /**
  14.      *  因为不同于IFrame（IFrame有id,window.open()与IFrame的父子窗口的模式不同）,
  15.      *  所以当是通过window.open()方法打开一个新窗口使, 必须有一个新窗口的对象
  16.      *  当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常
  17.      */
  18.     var OpenWindow;
  19.  
  20.     function openSubWin() {
  21.         OpenWindow = window.open('b.html', 'newwindow', 'height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,location=no, status=no');
  22.     }
  23.     function parentInvokeChild() {
  24.         if (OpenWindow)//当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常
  25.         {
  26.             alert(OpenWindow.iFrameVair);
  27.         }
  28.     }
  29. </script>
  30. </HEAD>
  31. <BODY>
  32.     <form name="form1" id="form1">
  33.         <input type="text" name="username" id="username" />
  34.         <input type="button" value="弹出子页面" onclick="openSubWin()" />
  35.         <input type="button" value="测试调用弹出窗口中的全局变量" onclick="parentInvokeChild()" />
  36.     </form>
  37. </BODY>
  38. </HTML>

b.html 子页面

  1. <HTML>
  2. <HEAD>
  3. <meta http-equiv="content-Type" content="text/html;charset=utf-8">
  4. <TITLE></TITLE>
  5. <style></style>
  6.  
  7. <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  8.  
  9. <script type="text/javascript">
  10.     var iFrameVair = "aaaaaaaaaaaaaaaaaaaa";
  11.     function UpdateParent() {
  12.         var _parentWin = window.opener;
  13.         _parentWin.form1.username.value = "xxxx";
  14.         window.close();
  15.     }
  16.     function childInvokeParent() {
  17.         var parentVairous = window.opener.window.parentVairous;
  18.         alert(parentVairous);
  19.     }
  20. </script>
  21. </HEAD>
  22. <BODY>
  23.     <form name="form1" id="form1">
  24.         <p></p>
  25.         <p align="center">
  26.             <input type="button" onclick="UpdateParent();" name="button" id="button" value="bbbbbbbbbbbbbbb" />
  27.             <input type="button" name="button2" id="button2" value="aaaaaaaaaaaaaaaaaaaa" onclick="childInvokeParent();" />
  28.         </p>
  29.         <p></p>
  30.     </form>
  31. </BODY>
  32. </HTML>

js window.open() 父窗口与子窗口的互相调用(未必有用)的更多相关文章

  1. #js window.open() 父窗口与子窗口的互相调用【转】

    未完整版 javascript 父窗口与子窗口的互相调用 a.html 父页面 <HTML> <HEAD> <meta http-equiv="content- ...

  2. 总结js(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    http://hi.baidu.com/yashua839/blog/item/131fdb2fe547ef221f3089af.html一.Iframe 篇 //&&&&am ...

  3. JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    一.Iframe 篇 公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { ...

  4. 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

    一.Iframe 篇 //&&&&&&&&&&&&&&&&&&a ...

  5. HTML中IFrame父窗口与子窗口相互操作

    一.Iframe篇 //&&&&&&&&&&&&&&&&&&am ...

  6. iframe父窗口和子窗口之间的调用

    1>父窗口获取子窗口 js方法 document.getElementById('if1').contentWindow.document: window.frames["if1&qu ...

  7. windows窗口分析，父窗口，子窗口，所有者窗口

    (本文尝试通过一些简单的实验,来分析Windows的窗口机制,并对微软的设计理由进行一定的猜测,需要读者具备C++.Windows编程及MFC经验,还得有一定动手能力.文中可能出现一些术语不统一的现象 ...

  8. iframe父窗口和子窗口的调用方法

    iframe 父窗口和子窗口的调用方法父窗口调用子窗口 iframe_name.iframe_document_object.object_attribute = attribute_value 例子 ...

  9. windows 编程 —— 子窗口 与 子窗口控件

    目录: 子窗口与主窗口的交互 子窗口控件 按钮类别 button 滚动条类别 scrollbar 静态类别  static 编辑框类别 edit 清单方块 listbox 子窗口与主窗口的交互 创建窗 ...

随机推荐

  1. 获取 .net framework 路径

    要获取当前程序所使用的.netframework路径: System.Runtime.InteropServices.RuntimeEnvironment.GetRuntimeDirectory(); ...

  2. Unity Shader——Writing Surface Shaders(0)

    从今天起,开始翻译Unity关于shader的官方文档.翻译水平比较一般,目的主要是通过翻译来提升对shader的见解,也让其他人更容易的了解shader.以下开始正文内容: 编写Surface Sh ...

  3. 基于web的IM软件通信原理分析

    关于IM(InstantMessaging)即时通信类软件(如微信,QQ),大多数都是桌面应用程序或者native应用较为流行,而网上关于原生IM或桌面IM软件类的通信原理介绍也较多,此处不再赘述.而 ...

  4. mac osx 快捷键符号以及意义 触发角：锁屏

    快捷键中常用符号⌘(command).⌥(option).⇧(shift).⇪(caps lock).⌃(control).↩(return).⌅(enter). OSX快捷键 快捷键中常用符号 ⌘( ...

  5. Openstack Neutron DVR workflow

    目前在Juno版本的trunk中已经合入了DVR相关的代码,我的理解是在Juno版本中DVR是一个experimental feature.最好需要稳定一个版本以后再上生产环境.之前写过一篇博文是DV ...

  6. HTML 全局属性_02

    New : HTML5 新属性. 属性 描述 accesskey 设置访问元素的键盘快捷键. class 规定元素的类名(classname) contenteditableNew 规定是否可编辑元素 ...

  7. 透明（颜色）渐变背景（颜色透明背景），兼容IE8

    filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00000000, endColo ...

  8. mysql <-> sqlite

    在做程序时,sqlite数据很方便.用mysql数据导出到sqlite的步骤:(用csv文件过渡) -------------------------------  先导出到csv文件  ------ ...

  9. less笔记

    koala工具 注释:    1./**/,可以被编译    2.//,不可以被编译 申明变量:    @box_width:300px;    .box{        width:@box_wid ...

  10. 40. Interleaving String

    Interleaving String Given s1, s2, s3, find whether s3 is formed by the interleaving of s1 and s2. Fo ...