`
dengminhui
  • 浏览: 164279 次
  • 来自: ...
社区版块
存档分类
最新评论

父子页面传值问题

阅读更多

 父子窗口的操作有非常多的途径可以实现,如window.open(...),window.showModalDialog(...),以及iframe中嵌套页面等都可以实现,但是根据实际使用需要选用不同的方法。   

1、open子窗口:用window.opener代表父窗口的window对象,这里就不再赘述

2、iframe中子页面:用window.parent代表父窗口的window对象,同样省略

3、模态子窗口:间接通过传window对象到子窗口,然后子窗口可获得父窗口的window对象,在使用中,这种方法是传值最麻烦的一种,一般可将一个属性值或者直接传window值给新开窗口来操作。下面是在我在实际运用中的一个实例:   

 

父窗口打开模态子窗口:

<script type="text/javascript">
 function  openModal(){
  window.param='选择试卷';   
            var str=window.showModalDialog("getPaperListforExam.htm",window,"dialogTop:300px;dialogLeft:200px;status:no;help:no;scroll:yes");   
            var strDevide='---+++---';
            if(str!=null){   
                str1=str.slice(0,str.indexOf(strDevide));
                str2=str.slice(str.indexOf(strDevide)+strDevide.length);
                document.getElementById('paperId').value=str1;
                document.getElementById('paperName').value=str2;
            }
 }
</script>

 

 

子窗口返回值:

 

<script type="text/javascript">
	function  selectPaper(var1,var2){
		if(confirm('确定选择此试卷?')){
      	                   window.returnValue=var1+'---+++---'+var2;
	                    window.self.close(); 
                                }
	}
</script>

 

需要注意的是:returnValue除了可以是布尔值,整型值等以外还可以是个js数组,用来传递大量数据。 showModalDialog,是模态窗口,始终获得焦点,但弹出的窗体不能刷新,此弹出的窗口 里操作button,要想不弹出新窗口,需在弹出的窗口中在<head>和</head>之间加<base target="_self">。  

 

分享到:
评论

相关推荐

    layer弹出子iframe层父子页面传值的实现方法

    本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html &lt;!DOCTYPE html&gt; &lt;...

    window.open父子窗口传值问题

    Web开发中的window.open父子窗口传值问题 部署在tomcat中进行

    asp.net 父子页面传值

    asp.net父子页面传值,资源共享是为了共同进步, 希望帮助需要的兄弟。

    Layui实现父子页面之间值传递.zip

    用途:把父页面的数据表格中的指定行数据传递到子页面,在子页面中把数据传递到父页面。内有项目一个,说明文本一个。

    iframe父子传值

    对于Iframe的父窗体与子窗体互相传值

    ie+FF通用的父子模态对话框相互传值

    ie+FF通用的父子模态对话框相互传值,已经自己验证过的,保证没有问题

    JS简单实现父子窗口传值功能示例【未使用iframe框架】

    本文实例讲述了JS简单实现父子窗口传值功能。分享给大家供大家参考,具体如下: 父窗口页面father.html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&...

    两个窗口传值

    两个窗口传值,关于进程等问题,两个窗口传值,关于进程等问题

    javascript父子页面传参

    javascript父子页面传参方法,很简单的一个DEMO,大家可以看看哦。

    详解Vue之父子组件传值

    主要介绍了Vue之父子组件传值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    vue非父子组件间的传值

    vue非父子组件传值的基本语法 创建一个新的vue对象 var newvue = new Vue() 触发事件 newvue.$emit('自定义事件名', 参数) 监听事件 newvue.on('自定义事件名', 触发方法名) 销毁事件 newvue.off('自定义事件名')...

    解决Vue中 父子传值 数据丢失问题

    在Vue中,父子组件传值,子组件通过props接收父组件传递的数据 父组件 questionList :传递数据参数 questionsLists: 传递数据源 子组件 porps 接收父组件方式有俩中,一种是通过对象形式,一种是通过数组形式,...

    miniProgram_bar:小程序父子间传值【以自定义头部导航栏为例】

    小程序父子间传值【以自定义头部导航栏为例】 前言: 小程序默认是用它自身的导航栏模板的,如果想用自己自定义的导航栏,就要在app.js中设置一下属性。 step1:创建自定义组件 1.1创建一个components文件夹,用于...

    Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)

    看了官网上的api实现了官网的案例你会发现访问父页面中只能显示父页面中的内容,要想默认的在区域显示一个页面内容怎么办? 自己案例代码: pages/parent.vue 父组件的页面的内容 &lt;!-- 进行切换子页面...

    React父子组件间的传值的方法

    在单页面里面,父子组件传值是比较常见的,这篇文章主要介绍了React父子组件间的传值的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    Iframe窗体之间相互传值

    父子窗体之间传值iframe之间的相互操作,还有sturts2指定跳转的页面。

    在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

    在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互。 其实,官方文档都说的很清楚了。 layui官方文档:...

    vue 组件间的通信之子组件向父组件传值的方式

    父组件向子组件传值:父组件通过属性向下传值的方式和子组件通信; 使用步骤: ... ... 在“name”&gt;&lt;/com&gt; 使用v-bind 绑定name属性,红色部分为属性...写vue,如果页面涉及到多个组件,就会涉及组件之间的通信,可能是父子

Global site tag (gtag.js) - Google Analytics