<!--主页面的代码-->
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="../../commonJS/jquery.js"></script>

 <script>

</script>

</head>

<body>

<div style="width:140px; height:60px; position:relative;display:inline-block;background-color: red; margin-right:20px;display:inline-block;cursor: pointer;" id="addMatchSchedule"> </div>

  </body>

</html>

<script>

	$("#addMatchSchedule").click(function()

		{alert("a");

	    	window.open('child.html',"新增","width=500,height=480,screenX=400,screenY=100");

		}

	);

	//子页面调用的函数

	window.BBBB = function(){

		alert(112);

	}

</script>　　
<!--子页面-->
<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

	</head>

	<script src="../../commonJS/jquery.js"></script>

	<body>

		<a class="btn btn-small btn-info" onclick="addSchduleItem();" title="确定" >确定</a>     

	</body>

</html>

<script>

	//确定关闭页面

     function addSchduleItem()

    {

      if (window.opener != null && !window.opener.closed) {

          window.opener.BBBB();//调用主页面的函数

      }

      window.close(true);　

    }

</script>

　　

一句话概括思路：在父窗口中打开子窗口，在子窗口中调用父窗口的方法

核心方法：window.open()  （方法介绍在本文尾部）

核心概念：window.opener （方法介绍在本文尾部）

window.open()简介（以具体情况为例）：

　　window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码

参数解释：
       window.open 　　弹出新窗口的命令； 
　　'page.html' 　　弹出窗口的文件名； 
　　'newwindow' 　　弹出窗口的名字（不是文件名），非必须，可用空''代替； 
　　height=100 　　窗口高度； 
　　width=400 　　窗口宽度； 
　　top=0 　　窗口距离屏幕上方的象素值； 
　　left=0 　　窗口距离屏幕左侧的象素值； 
　　toolbar=no　　是否显示工具栏，yes为显示； 
　　menubar，scrollbars 　　表示菜单栏和滚动栏。 
　　resizable=no 　　是否允许改变窗口大小，yes为允许； 
　　location=no 　　是否显示地址栏，yes为允许； 
　　status=no 　　是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

window.opener 简介

window.opener 实际上就是通过window.open打开的子窗体的父窗体

window.open() 打开的子页面 往主页面传参问题的更多相关文章

  1. （day68）Vue-CLI项目、页面跳转和传参、生命周期钩子

    目录 一.Vue-CLI (一)环境搭建 (二)项目的创建 (三)项目目录结构 (四)Vue组件(.vue文件) (五)全局脚本文件main.js(项目入口) (六)Vue请求生命周期 二.页面跳转和 ...

  2. 微信小程序开发：学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

  3. 微信小程序 子组件给父组件传参

    子组件给父组件传参只需这4步: 子组件的两步: 1.子组件绑定函数 addInfo <button type="primary" bindtap="addInfo& ...

  4. vue:页面跳转和传参（页面之间，父传子，子传父）

    1.返回上一个页面: A.<a @click="$router.back(-1)" class="btn">重新加载</a> B.thi ...

  5. vue 路由传参中刷新页面参数丢失 及传参的几种方式？

    在页面跳转中,我通过路由传参,结果发现页面参数丢失了.路径返回了根目录.... 1. 先说下路由传参的几种方式吧? 比如:<div v-for="item in items" ...

  6. JS完成页面跳转并传参的方法|附加：循环遍历对象

    此方法只能传递较少参数 方法如下: <a href='page/index.html'>跳转</a> 以上是正常写法,如果要传参按一下写法: <!--参数写在?后面,多个 ...

  7. Vue 子组件向父组件传参

    直接上代码 <body> <div id="counter-event-example"> <p>{{ total }}</p> & ...

  8. th:insert、th:replace、th:include抽取和引用页面公共片段、传参等

    一.抽取公共片段 th:fragment  给片段命名 将公共片段抽取出来,并在顶级标签内使用th:fragment给该片段命名. 例如:将公共片段抽取出来放到comment/bar.html中: & ...

  9. vue页面跳转以及传参和取参

    vue中this.$router.push()路由传值和获取的两种常见方法 1.路由传值   this.$router.push() (1) 想要导航到不同的URL,使用router.push()方法 ...

随机推荐

  1. ipv4-only网络环境下访问ipv6站点

    使用6plat.org+openVPN(无需资金投入)进入ipv6网络 这里我们主要使用的是6plat.org提供的“46模块——IPv4到IPv6”功能,需要配合openVPN这个软件,支持wind ...

  2. 初学java集合框架笔记

    List接口常用方法: 方法名 说    明 boolean add(Object o) 在列表的末尾顺序添加元素, 起始索引位置从0开始 void add(int index,Object o) 在 ...

  3. es6学习日记5-对象的扩展

    属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法.这样的书写更加简洁. const foo = 'bar'; const baz = {foo}; baz // {foo: &q ...

  4. Install MariaDB on Ubuntu server

    本文所描述的安装方法实用于一下软件环境 ,不能保证使用于其他版本,请参考自己实际情况调整安装方法及参数. 操作系统版本:Ubuntu Server 14.04 LTS 64bit 欲安装MariaDB ...

  5. 【python接口自动化-requests库】【二】requests库简单使用（入门）

    一.post请求 前面讲了,我们get请求的时候,引入requests的包,然后直接使用get方法,那么post是不是一样的? 1.首先我们先引入requests import requests 2. ...

  6. oracle-rman-3

    http://blog.csdn.net/leshami/article/details/6032525 rman概述及体系结构 http://blog.itpub.net/23513800/view ...

  7. Ansible 快速部署 Zabbix 4

    阅读本文章需要具有Ansible.Zabbix基础.本次教程基于如下环境: CentOS 7.x Zabbix 4.0 Ansible 2.5 服务器初始化 关闭防火墙.selinux,添加epel常 ...

  8. VirtualBox网络的Host-Only配置

    创建host-only虚拟网卡 VBox管理器页面-管理-主机网络管理器,如果已经存在默认的虚拟网卡则下一步,如果不存在则创建一个虚拟网卡,不启用DHCP服务器,这里ip地址为192.168.137. ...

  9. 设置Tomcat管理员用户名和密码

    http://dove19900520.iteye.com/blog/1774980 今天tomcat出点问题,然后我就想进入tomcat manager看看,结果怎么输入密码都不行,后来网上查了查才 ...

  10. 图的遍历——DFS(矩形空间)

    首先,这里的图不是指的我们一般所说的图结构,而是大小为M*N的矩形区域(也可以看成是一个矩阵).而关于矩形区域的遍历问题经常出现,如“寻找矩阵中的路径”.“找到矩形区域的某个特殊点”等等之类的题目,在 ...