<!--主页面的代码-->
<!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. java service 安装

    sudo ln -s /var/services/video/video-live.jar /etc/init.d/live-service sudo chmod +x /var/services/v ...

  2. JS的异步操作

    异步操作: 1.定时器都是异步操作 2.事件绑定都是异步操作 3.AJAX中一般我们都采用异步操作 4.回调函数可以理解为异步 同步:一次只能完成一个任务,如果多个任务就必须排队,先前面一个任务再执行 ...

  3. python day21 ——面向对像-反射 getattr，内置方法

    一.反射:用字符串数据类型的变量名来访问这个变量的值 上代码^_^ # class Student: # ROLE = 'STUDENT' # @classmethod # def check_cou ...

  4. Spring 的介绍和目标

    1. Spring介绍 打开Spring 官网查看对 Spring 的介绍和目标 http://www.springsource.org/about We believe that: · J2EE s ...

  5. cordova打开文件系统插件的使用： cordova-plugin-file-opener2

    1. 添加插件:cordova plugin add cordova-plugin-file-opener2 2. 调用方法: var target="/sdcard/Download/io ...

  6. 1_2_3_4_5 Html-Css

    --------------------------------------------------------------------------------- HTML骨架 <HTML> ...

  7. day45 jQuery

    在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. 书写很繁琐,代码量多. 代码很乱,各个页面到处都是. 动 ...

  8. Java面向对象 第6节 异常

    一.认识异常 异常是指在程序运行过程中所发生的不正常事件,如文件找不到.网络连接不通或链接中断.算数运算出错.数组下标越界.装在一个不存在的类.对null对象操作.类型转换异常等.异常会中断正在运行的 ...

  9. java实验四《Android程序设计》实验报告

    一.实验报告封面 课程:Java程序设计 班级:1653班 姓名:张士洋 学号:20165308 指导教师:娄嘉鹏 实验日期:2018年5月14日 实验时间:13:45 - 15:25 实验序号:08 ...

  10. linux下openldap 的安装与配置自己总结版

    ---恢复内容开始--- 前段时间公司需要安装openldap 于是去网上查找相关资料,安装文档倒是不少但是或多或少都有点问题 导致自己一直没有安装上,于是结合英文安装文档磕磕巴巴的 安装少了 于是将 ...