`
jd406
  • 浏览: 47880 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

父页面与子页面之间传值

    博客分类:
  • js
 
阅读更多
如果在页面中不涉及到第三方的插件(比如:artDialog),可以用如下的方式打开子页面

window.open(...)
子页面中获取父页面对象:window.opener
window.showModalDialog(..)
子页面中获取父页面对象:window.dialogargument


这里可以给大家看一个帖子,我觉的还不错,比较详细的介绍了获取值和设置值的方法,以及刷新页面和关闭页面的方法。帖子的地址是:

http://topic.csdn.net/u/20091112/09/342769c1-0abf-4f92-8699-7ac7d462e0cf.html

如果在父页面中采用window.open();方法生成一个子页面,那么子页面中对付页面的操作方法为:

1、设置值:
window.opener.document.getElementById("txtID").value=document.getElementById("t").value;
2、调用方法:
window.opener.parentFunctionName(arg0);
3、关闭父窗口:
window.opener.close();
opener=null;
4、刷新父页面
window.opener.location=window.opener.location;
5、获取值
window.opener.document.getElementById('txtID').value;



如果在父页面中采用window.showModalDialog();方法生成一个子页面,那么子页面中对付页面的操作方法为:

1、设置值:
window.dialogArguments.document.getElementById("txtID").value=document.getElementById("t").value;
2、调用方法:
window.dialogArguments.parentFunctionName(arg0);
3、关闭父窗口:
window.dialogArguments.close();
opener=null;
4、刷新父页面
window.dialogArguments.location=window.dialogArguments.location;
5、获取值
window.dialogArguments.document.getElementById('txtID').value;


还有一种比较简单的方法:
直接window.parent.document.getElementById("userId").value;
采用这种通用的方式进行父页面的操作。
0
0
分享到:
评论

相关推荐

    模式窗体页面传值关于自定义控件与页面之间的传值

    模式窗体页面传值,我相信能够学到一些东西,我自己本身也是学习。。。。。关于自定义控件与页面之间的传值

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

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

    vue 父件与子件传值

    父组件与子组件直接的传值详解,详细的介绍了两者之间的关系,vue的一个难点

    JS中Iframe之间传值及子页面与父页面应用

    用iframe做系统框架,相信很多朋友都有这样的经历吧,接下来将为你详细介绍下JS中Iframe之间传值应用,感兴趣的你可以参考下哈,希望可以帮助到你

    QT两个窗口传值

    QT两个窗口之间传值,打开一个子页面在子页面输入内容 再将内容传到父窗口

    javascript页面之间传值

    本实例介绍的是如何把值从父窗口和子窗口之间进行相互传递,而且介绍了两种方式都可以实现效果.

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

    父组件向子组件传值:父组件通过属性向下传值的方式和子组件通信; 使用步骤: 定义组件:现有自定义组件com-a、com-b,com-a是com-b的父组件; 准备获取数据:com-b要获取父组件data中的name属性; 在“name”>...

    JS中Iframe之间传值的方法

    1.在iframe子页面中获取父页面的元素:  a>window.parent.document这个是获取父页面document中的对象;  b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中...

    wpf利用委托实现窗体之间的传值

    vs2010 wpf 子窗体向父窗体传值

    vue中父组件与子组件传值

    1、父组件通过 属性props向下传递数据给子组件 2、子组件通过 事件events 给父组件发送消息 子组件需要某个数据,就在内部定义一个prop属性,然后父组件就像给html元素指定特性值一样,把自己的data属性传递给子组件...

    WPF_窗体传值.zip

    本Demo可以实现WPF页面之间的相互传值,子窗体可以获取父窗体之间的值,父窗体可以获取子窗体内的值,代码每行都有注释,新手容易理解。通俗易懂,欢迎下载优化扩展!

    vue分文件开发同一个页面

    开发中有时候一个页面在一个.vue文件中写会造成页面冗余,代码难以维护,这时候就需要考虑将页面不同的子页面(如:弹窗等分离到不同的文件中)...注:包括父子页面之间传值等,参考页面时注意其他参数是否一并赋值了。

    Bootstrap 模态框(Modal)带参数传值实例

    模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。  为了实现父窗体与其的交互,通常需要向其传值,实现带...

    详解Vue中组件传值的多重实现方式

    2.兄弟组件或无关系组件之间的传值 我们最常用的方式采用一个第三方变量 俗称eventbus 通过其中一个$emit发另一个$on接收的方式 实现组件传值 main.js中挂载一下 在其中一个页面$emit 另一个页面$on 是不是...

    解决Vue 刷新页面导航显示高亮位置不对问题

    子页面将值传给父页面 父页面接收传过来的值 父组件把值传给header头部组件,头部组件通过prop接收 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,...

    网页(html)代码集合

    文字滚动消息广告代码、iframe父与子窗体之间的传值、JS-IE6下PNG透明实例、垂直幻灯滚动代码、无间断滚动信息滚动类、隨机选、自动播放下一曲(音量和进度拖曳、

    VANCL:# Vue 项目开源 凡客网站重构项目,具有完整的业务流程,以及后台数据api

    父组件向子组件传值, 添加了路由传值,在下一页发送该值的请求 遇到的难题 如何去进行根据价格去排序 一开始没头绪,但是用了sort方法中a-b 的方法思想,通过a.money,这样方式进行了排序,问题解决 用到emelentui ...

    VUE常用方法整理.pdf

    1、父传子 14 2、子传父 14 第四节 非父子组件之间的通信 14 简介:建立Bus总线机制实施非父子组件通讯 14 3、回调函数写法 16 第五节 vue的生命周期 17 1、需要频繁的创建和销毁组件 17 2、组件缓存 17 3、成对比较...

Global site tag (gtag.js) - Google Analytics