<!--主页面的代码-->
<!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. caffe drawnet.py 用Python画网络框架

    在caffe中可以使用draw_net.py轻松地绘制卷积神经网络(CNN,Convolutional Neural Networks)的架构图.这个工具对于我们理解.学习甚至查错都有很大的帮助. 1 ...

  2. .net 表达式返回值和等号赋值的区别

    .net 7.0的新特性中,有一个使用表达式体返回值的操作.请看如下代码: private string _userName=""; public string UserName{ ...

  3. vue-router进阶-1-导航守卫

    导航守卫主要用来通过跳转或取消的方式守卫导航 全局守卫,使用 router.beforeEach 注册一个全局前置守卫 const router = new VueRouter({ ... }) ro ...

  4. PAT B1029

    # PAT B1029 这道题主要有两个问题需要解决: 如何在不区分大小写的情况下判断第一个字符串中有哪些字符串没有在第二个中出现 如何确保同一个字符(不区分大小写)只输出一次,且英文均用大小写输出 ...

  5. guava-retrying 源码解析（停止策略详解）

    一.停止策略相关类 1.停止策略接口:StopStrategy接口,只有一个抽象方法 // 是否应该停止重试.不同的停止策略有不同的实现.boolean shouldStop(Attempt fail ...

  6. js解密

    import base64 src_code = 'Ly93eDIuc2luYWltZy5jbi9tdzYwMC8wMDc2QlNTNWx5MWcxaWlpOHNybThqMzB1MDE5NWRyMS ...

  7. python 写的员工信息查询

    #!/use/bin/env pythonn#_*_ coding:utf-8 _*_import timedef Bre():    while True:        Bre_falg = ra ...

  8. Restful Service 中 DateTime 在 url 中传递

    在C# url 中一旦包特殊字符,请求可能就无法送达.可以使用如下方法,最为便捷. 请求端: beginTime.Value.ToString("yyyyMMddHHmmss") ...

  9. cookie mapping 原理理解

    深入浅出理解 COOKIE MAPPING Cookie mapping技术 利用javascript跨域访问cookie之广告推广

  10. 自定义pip 包开发简单说明

    文档主要来自官方文档,主要是为了测试学习 创建pip 包项目 项目结构 ├── LICENSE ├── README.md ├── dalongrong_example_pkg │ └── __ini ...