<!--主页面的代码-->
<!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. python xml文件解析

    参考链接:http://www.runoob.com/python/python-xml.html

  2. xenserver挂载新硬盘

    注意:新加硬盘请不要加入raid,否则不认盘 一: 1.1:查看磁盘列表 fdisk -l [root@xenserver zz]# fdisk -l Disk /dev/sdb: 7999.4 GB ...

  3. 20175224 2018-2019-2 《Java程序设计》第二周学习总结

    教材学习内容总结 本周对教材的第二第三章进行了学习,通过阅读教材,我发现java和c语言在相似的基础上还是有很多不同的地方,以下是我对这周学习知识的一些总结. 2.1 java标识符中的字母是区分大小 ...

  4. Beta版——爱阅APP功能说明书

    爱阅APP功能说明书 一.引言 通过Alpha发布和一些用户的反馈信息,了解到我们APP存在的问题.针对这些问题我们做了一些修改.以下内容是Beta版的功能说明书. 二.工具 安卓手机 爱阅APP安装 ...

  5. 【转】使用Mybatis时遇到的延迟加载造成返回异常的问题——HttpMessageConversionException: Type definition error

    在使用Mybatis的过程中,使用了resultMap延迟加载. 延迟加载:association联表查询的过程中,查询另外两个表的对象.而延迟加载是指只有在使用这两个对象的时候才会进行查询. 问题的 ...

  6. Eclipse 护眼背景色设置

    链接地址:http://blog.chinaunix.net/uid-27183448-id-3509010.html 背景颜色推荐:色调:85,饱和度:123,亮度:205  文档都不再是刺眼的白底 ...

  7. css布局与文档流的关系之float（浮动）

    所谓文档流,指元素在排版布局的过程中,元素会自动从左到右,从上到下的流式排列.脱离文档流呢,就是元素打乱了这个排列,或是从排版中拿走. 说到文档流呢,我们先来说一下元素,每个元素呢,都有display ...

  8. 分布式高并发下Actor模型

    分布式高并发下Actor模型 写在开始 一般来说有两种策略用来在并发线程中进行通信:共享数据和消息传递.使用共享数据方式的并发编程面临的最大的一个问题就是数据条件竞争.处理各种锁的问题是让人十分头痛的 ...

  9. jquery常用指令

    table中td多行展示: ```css td { word-wrap: break-word; } ``` div模态框: <div id="loading" style= ...

  10. 【转载】Win10系统桌面右键新建没有Word、Excel、PPT怎么恢复？

    Win10系统桌面右键新建没有Word.Excel.PPT怎么恢复? 以下正文转载至: 网址:http://www.xitongzhijia.net/xtjc/20170307/93471.html ...