未完整版

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

a.html 父页面

<HTML>

<HEAD>

<meta http-equiv="content-Type" content="text/html;charset=utf-8">

<TITLE></TITLE>

<style></style>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

    /** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */

    var parentVairous = "为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量";

    /**

     *  因为不同于IFrame（IFrame有id,window.open()与IFrame的父子窗口的模式不同）,

     *  所以当是通过window.open()方法打开一个新窗口使, 必须有一个新窗口的对象

     *  当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常

     */

    var OpenWindow;

    function openSubWin() {

        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');

    }

    function parentInvokeChild() {

        if (OpenWindow)//当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常

        {

            alert(OpenWindow.iFrameVair);

        }

    }

</script>

</HEAD>

<BODY>

    <form name="form1" id="form1">

        <input type="text" name="username" id="username" />

        <input type="button" value="弹出子页面" onclick="openSubWin()" />

        <input type="button" value="测试调用弹出窗口中的全局变量" onclick="parentInvokeChild()" />

    </form>

</BODY>

</HTML>

b.html 子页面

<HTML>

<HEAD>

<meta http-equiv="content-Type" content="text/html;charset=utf-8">

<TITLE></TITLE>

<style></style>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

    var iFrameVair = "aaaaaaaaaaaaaaaaaaaa";

    function UpdateParent() {

        var _parentWin = window.opener;

        _parentWin.form1.username.value = "xxxx";

        window.close();

    }

    function childInvokeParent() {

        var parentVairous = window.opener.window.parentVairous;

        alert(parentVairous);

    }

</script>

</HEAD>

<BODY>

    <form name="form1" id="form1">

        <p></p>

        <p align="center">

            <input type="button" onclick="UpdateParent();" name="button" id="button" value="bbbbbbbbbbbbbbb" />

            <input type="button" name="button2" id="button2" value="aaaaaaaaaaaaaaaaaaaa" onclick="childInvokeParent();" />

        </p>

        <p></p>

    </form>

</BODY>

</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. 解决Ubuntu输入正确密码后无法进入桌面，一直停留在登陆界面的问题

    在登陆界面按下Ctrl + Shift + F1 进入命令行模式,输入你的用户名和密码之后,敲入下面几行命令就可以了! $ cd - $ sudo chown 你的用户名:你的用户名 .Xauthor ...

  2. Python scikit-learn机器学习工具包学习笔记：feature_selection模块

    sklearn.feature_selection模块的作用是feature selection,而不是feature extraction.   Univariate feature selecti ...

  3. python string

    string比较连接 >>> s1="python string" >>> len(s) 13 >>> s2=" p ...

  4. 为重负网络优化 Nginx 和 Node.js --引用自https://linux.cn/article-1314-1.html

    为重负网络优化 Nginx 和 Node.js 在搭建高吞吐量web应用这个议题上,NginX和Node.js可谓是天生一对.他们都是基于事件驱动模型而设计,可以轻易突破Apache等传统web服务器 ...

  5. SQL2000的三种“故障还原模型”

    一.SQL2000的三种“故障还原模型” 在数据库属性的“选项”页,“故障还原模型”栏,共有三项选择:简单.完全.大容量日志记录.它们的根本差别在于SQL2000对数据库日志的维护方式不同.下面逐个讲 ...

  6. 【mysql】压缩myisam数据表

    myisam引擎介绍 存储结构: MyISAM每张表被存放在三个文件: frm:表格定义: MYD(MYData):数据文件: MYI(MYIndex):索引文件:   存储空间: MyISAM可被压 ...

  7. OneNote 2013 快捷键

    越来越喜欢onenote这个笔记本软件,找了下提高效率的办法,收藏学习下: 转载自:http://onenoter.com/2013/04/5792 记录笔记和设置笔记格式 键入和编辑笔记 操作 按键 ...

  8. 黄聪：详解 ManualResetEvent（转）

    原文:http://www.cnblogs.com/li-peng/p/3291306.html 今天详细说一下ManualResetEvent 它可以通知一个或多个正在等待的线程已发生事件,允许线程 ...

  9. RFC3986编码 C 语言实现(支持大部分中文)

    前些时间做 xauth 认证程序的编写,网上找到RFC3986编码不支持中文的编码,所以便查找了一些资料.自己写了一个,代码如下. #include <stdlib.h> #include ...

  10. JAVA虚拟机类型转换学习

    Java虚拟机包括血多进行基本类型转换工作的操作码,这些执行转换工作的操作码后面没有操作数,转换的值从栈顶端获得.Java虚拟机从栈顶端弹出一个值,对它进行转换,然后再把转换结果压入栈.进行int.l ...