编程 Javascript

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

Posted in Javascript onMarch 11, 2013

在js中，我们时常用到用iframe做系统框架，在子页面也，父页面之间的值传递是一个问题，下面是js获取父窗体和子窗体的对象js：

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

2.在父页面中获取iframe子页面中的元素：
a>

var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id 
child.document;//获取子页面中的document对象；

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 编程引入命名空间的方法与代码

Aug 13 Javascript

Javascript实现视频轮播在pc端与移动端均可

Sep 29 Javascript

判断及设置浏览器全屏模式

Apr 20 Javascript

jquery中show()、hide()和toggle()用法实例

Jan 15 Javascript

JS 实现 ajax 异步浏览器兼容问题

Jan 21 Javascript

vue单页面打包文件大？首次加载慢？nginx带你飞，从7.5M到1.3M蜕变过程(推荐)

Jan 16 Javascript

使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置

Nov 02 Javascript

vue通过指令(directives)实现点击空白处收起下拉框

Dec 06 Javascript

简单了解vue中的v-if和v-show的区别

Oct 08 Javascript

Vue 实现CLI 3.0 + momentjs + lodash打包时优化

Nov 13 Javascript

小程序简单两栏瀑布流效果的实现

Dec 18 Javascript

微信小程序跨页面数据传递事件响应实现过程解析

Dec 19 Javascript

js将iframe中控件的值传到主页面控件中的实现方法

Mar 11 #Javascript

js比较和逻辑运算符的介绍

Mar 10 #Javascript

caller和callee的区别介绍及演示结果

Mar 10 #Javascript

JavaScript表达式:URL 协议介绍

Mar 10 #Javascript

javascript中的void运算符语法及使用介绍

Mar 10 #Javascript

jquery获取table中的某行全部td的内容方法

Mar 08 #Javascript

通过上下左右键和回车键切换光标实现代码

Mar 08 #Javascript

You might like

php生成N个不重复的随机数实例

2013/11/12 PHP

PHP学习笔记（一）：基本语法之标记、空白、和注释

2015/04/17 PHP

基于PHP微信红包的算法探讨

2016/07/21 PHP

PHP正则匹配反斜杠'\'和美元'$'的方法

2017/02/08 PHP

浅谈PHP中pack、unpack的详细用法

2018/03/12 PHP

JavaScript 创建对象和构造类实现代码

2009/07/30 Javascript

读JavaScript DOM编程艺术笔记

2011/11/15 Javascript

js处理表格对table进行修饰

2014/05/26 Javascript

jQuery实现的placeholder效果完整实例

2016/08/02 Javascript

jQuery实现的自适应焦点图效果完整实例

2016/08/24 Javascript

Angular2 环境配置详细介绍

2016/09/21 Javascript

JavaScript实现的原生态Tab标签页功能【兼容IE6】

2017/09/18 Javascript

vue element-ui 绑定@keyup事件无效的解决方法

2018/03/09 Javascript

react-native-video实现视频全屏播放的方法

2018/03/19 Javascript

Vue项目中使用flow做类型检测的方法

2020/03/18 Javascript

Nuxt.js的路由跳转操作(页面跳转nuxt-link)

2020/11/06 Javascript

JS如何监听div的resize事件详解

2020/12/03 Javascript

[01:56]无止竞再出发——中国军团出征2017年DOTA2国际邀请赛

2017/07/05 DOTA

[00:19]CN DOTA NEVER DIE！VG夺冠rOtK接受采访

2019/12/23 DOTA

用Python的urllib库提交WEB表单

2009/02/24 Python

python计算最大优先级队列实例

2013/12/18 Python

搞笑的程序猿：看看你是哪种Python程序员

2015/06/12 Python

在NumPy中创建空数组/矩阵的方法

2018/06/15 Python

python 找出list中最大或者最小几个数的索引方法

2018/10/30 Python

pycharm new project变成灰色的解决方法

2019/06/27 Python

python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】

2019/07/06 Python

pytorch逐元素比较tensor大小实例

2020/01/03 Python

python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例

2020/03/05 Python

jupyter notebook插入本地图片的实现

2020/04/13 Python

一套软件测试笔试题

2014/07/25 面试题

同居协议书范本

2014/04/23 职场文书

小学生春游活动方案

2014/08/20 职场文书

教育局党的群众路线教育实践活动整改方案

2014/09/20 职场文书

党支部四风整改方案

2014/10/25 职场文书

干货：如何写好工作计划！

2019/05/17 职场文书

Python-typing: 类型标注与支持 Any类型详解

2021/05/10 Python