未完整版

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. JEECG--去掉（增加）登陆页面验证码功能 - CSDN博客

    JEECG--去掉(增加)登陆页面验证码功能 - CSDN博客https://blog.csdn.net/KooKing_L/article/details/79711379

  2. sap 最新财报以及云业务转型情况

    SAP第四季度收入超预期 加码云转型启动重组计划 http://soft.zhiding.cn/software_zone/2019/0130/3115457.shtml 尽管第四季度超出收入预期,但 ...

  3. children()与find()区别

    1.children() 返回被选元素的所有直接子元素,该方法只会向下一级对 DOM 树进行遍历: 2.find() 返回被选元素的后代元素,一路向下直到最后一个后代.

  4. flask 即插视图(Pluggable Views)和endpoint

    endpoint经常使用flask的人肯定不会面生.其实我一直没有关注过他是怎么寻址的,直到最近经常食用url_for这个函数才引起了我的注意. url_for看源码感觉实现挺复杂的,我们姑且不在这里 ...

  5. Tomcat7/8访问Server Status、Manager App、Host Manager出现403 forbidden

    在配置好Tomcat7/8后,我们往往需要访问Tomcat7/8的Manager以及Host Manager.就需要在tomcat-users.xml中配置用户角色来实现.在地址栏输入:localho ...

  6. spring boot 系列之一：spring boot 入门

    最近在学习spring boot,感觉确实很好用,开发环境搭建和部署确实省去了很多不必须要的重复劳动. 接下来就让我们一起来复习下. 一.什么是spring boot ? spring boot是干嘛 ...

  7. 架构师成长之路7.1 CDN理论

    点击返回架构师成长之路 架构师成长之路7.1 CDN理论 CDN,Content Distribute Network,内容分发网络:CDN解决的是如何将数据快速可靠从源站传递到用户的问题.用户获取数 ...

  8. 【BZOJ5286】[HNOI2018]转盘（线段树）

    [BZOJ5286][HNOI2018]转盘(线段树) 题面 BZOJ 洛谷 题解 很妙的一道题目啊.(全世界除了我这题都有40分,就我是一个状压选手 首先来发现一些性质,我们走一圈一定不会更差. 为 ...

  9. 【poj2396】 Budget

    http://poj.org/problem?id=2396 (题目链接) 题意 给出一个矩阵,给出每一行每一列的和,以及若干限制条件,限制了其中每一个元素的上下界,求一种可行的方案使得每一行每一列数 ...

  10. 手动实现property装饰器

    首先,property装饰器是通过数据描述符实现的.用法很简单,大家应该都知道,这里就不细说了. 这里主要分析一下property是如何通过描述符实现的. class Property: def __ ...