编程 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 Array.remove() 数组删除

Aug 06 Javascript

json格式化/压缩工具 Chrome插件扩展版

May 25 Javascript

RequireJS使用注意细节

May 15 Javascript

一个超简单的jQuery回调函数例子(分享)

Aug 08 Javascript

基于vue实现swipe轮播组件实例代码

May 24 Javascript

jQuery图片查看插件Magnify开发详解

Dec 25 jQuery

详解vue.js下引入百度地图jsApi的两种方法

Jul 27 Javascript

优雅的elementUI table单元格可编辑实现方法详解

Dec 23 Javascript

JavaScript设计模式之代理模式实例分析

Jan 16 Javascript

使用ESLint禁止项目导入特定模块的方法步骤

Mar 04 Javascript

8个有意思的JavaScript面试题

Jul 30 Javascript

vue使用echarts画组织结构图

Feb 06 Vue.js

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

浅谈电磁辐射对健康的影响

2021/03/01 无线电

php array_unique之后json_encode需要注意

2011/01/02 PHP

一个简单至极的PHP缓存类代码

2015/10/23 PHP

PHP中file_put_contents追加和换行的实现方法

2017/04/01 PHP

CakePHP框架Model关联对象用法分析

2017/08/04 PHP

php ActiveMQ的安装与使用方法图文教程

2020/02/23 PHP

jquery中ajax调用json数据的使用说明

2011/03/17 Javascript

深入理解JavaScript作用域和作用域链

2011/10/21 Javascript

Javascript模块化编程详解

2014/12/01 Javascript

Javascript访问器属性实例分析

2014/12/30 Javascript

深入理解JavaScript系列（39）：设计模式之适配器模式详解

2015/03/04 Javascript

javascript中JSON对象与JSON字符串相互转换实例

2015/07/11 Javascript

使用jquery.qrcode.min.js实现中文转化二维码

2016/03/11 Javascript

JQuery的Pager分页器实现代码

2016/05/03 Javascript

Javascript中字符串和数字的操作方法整理

2017/01/22 Javascript

jQuery实现的简单在线计算器功能

2017/05/11 jQuery

Bootstrap实现的标签页内容切换显示效果示例

2017/05/25 Javascript

详解如何使用PM2将Node.js的集群变得更加容易

2017/11/15 Javascript

JavaScript中set与get方法用法示例

2018/08/15 Javascript

微信小程序实现蒙版弹窗效果

2018/11/01 Javascript

vue.js实现二级菜单效果

2019/10/19 Javascript

js实现旋转木马轮播图效果

2020/01/10 Javascript

javascript实现智能手环时间显示

2020/09/18 Javascript

vue video和vue-video-player实现视频铺满教程

2020/10/30 Javascript

[04:59]DOTA2-DPC中国联赛正赛 Ehome vs iG 选手采访

2021/03/11 DOTA

Python外星人入侵游戏编程完整版

2020/03/30 Python

Scrapy的简单使用教程

2017/10/24 Python

详解Python 实现元胞自动机中的生命游戏(Game of life)

2018/01/27 Python

python 弹窗提示警告框MessageBox的实例

2019/06/18 Python

ORM Django 终端打印 SQL 语句实现解析

2019/08/09 Python

Python基于numpy模块实现回归预测

2020/05/14 Python

迪斯尼商品官方网站：ShopDisney

2016/08/01 全球购物

Booking.com美国：全球酒店预订网站

2017/04/18 全球购物

师范毕业生自荐信

2013/10/17 职场文书

四风问题原因分析及整改措施

2014/10/24 职场文书

卡特教练观后感

2015/06/08 职场文书