未完整版

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 父窗口与子窗口的互相调用 <html> <head></head> <body> 主要实现父子关系的页面 window.opene ...

  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. java中的equals和==

    下面是我看别人博客和java API总结的 首先得明确一个概念就是: == 的用法   ==比较对象在内存中的地址是否相等.如是是两个基本数据类型变量的比较则比较的是这两个变量值是否相等,若是比较两个 ...

  2. [转帖]IIS内虚拟站点配置信息说明

    web.config配置详细说明 https://www.cnblogs.com/zhangxiaolei521/p/5600607.html 原作者总结的很详细 但是没有完全的看完 自己对IIS 的 ...

  3. XHTML 簡介

    XTML是可擴展的超文本標記語言. XHTML是比HTML更加嚴謹的HTML語言. 所有的瀏覽器都能識別XHTML. XHTML符合W3C標準,是為了替代HTML的.

  4. LODOP中平铺图片 文本项Repeat

    Lodop打印控件中,可使用如下语句让打印项平铺在纸张上.LODOP.SET_PRINT_STYLEA(0,"Repeat",true);平铺的打印项的区域和打印项的宽高有关,如图 ...

  5. BZOJ4822[Cqoi2017]老C的任务——树状数组(二维数点)

    题目描述 老 C 是个程序员.     最近老 C 从老板那里接到了一个任务——给城市中的手机基站写个管理系统.作为经验丰富的程序员,老 C 轻松 地完成了系统的大部分功能,并把其中一个功能交给你来实 ...

  6. LOJ115 无源汇有上下界可行流（上下界网络流）

    假设初始流为每条边的下界.但这样可能流量会不守恒,我们需要在上面加上一个附加流使流量守恒.只要让每个点开始的出/入流量与原初始流相等就可以求出附加流了.那么新建超源S超汇T,令degree[i]表示流 ...

  7. css修改input表单默认样式重置与自定义大全

    链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式 ...

  8. python 时间模块 -- time

    time 时间模块 和时间有关系的我们就要用到时间模块.在使用模块之前,应该先导入模块. # 常用方法 import time print("现在执行我") time.sleep( ...

  9. python构建bp神经网络_曲线拟合(一个隐藏层)__1.可视化数据

    1.将数据写入csv文件,应该可以python代码直接实现数据集的写入,但我对文件读取这块不太熟练,等我成功了再加上,这里我直接手写将数据集写入Excel 2.然后把后缀改成.csv就可以了,利用pa ...

  10. 【题解】 bzoj3036: 绿豆蛙的归宿 （期望dp）

    题面戳我 Solution 反向建图跑拓扑排序,顺便处理\(dp\) 假设某条边是\(u \rightarrow v (dis)\) ,那么转移方程就是\(dp[v]+=(dp[u]+dis)/in[ ...