编程 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是否可实现多线程深入理解JavaScript定时机制

Dec 22 Javascript

JavaScript学习笔记（十七）js 优化

Feb 04 Javascript

Javascript图像处理—亮度对比度应用案例

Jan 03 Javascript

javascript计算用户打开网页的停留时间

Jan 09 Javascript

JavaScript在for循环中绑定事件解决事件参数不同的情况

Jan 20 Javascript

JS实现DIV高度自适应窗口示例

Feb 16 Javascript

vue-cli单页应用改成多页应用配置详解

Jul 14 Javascript

jquery 遍历hash操作示例【基于ajax交互】

Oct 12 jQuery

浅析js实现网页截图的两种方式

Nov 01 Javascript

javascript设计模式 ? 适配器模式原理与应用实例分析

Apr 13 Javascript

如何检测JavaScript中的死循环示例详解

Aug 30 Javascript

vue 通过 Prop 向子组件传递数据的实现方法

Oct 30 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中隐形字符65279（utf-8的BOM头）问题

2014/08/16 PHP

PHP PDO fetch 模式各种参数的输出结果一览

2015/01/07 PHP

php使用curl获取https请求的方法

2015/02/11 PHP

Zend Framework教程之模型Model基本规则和使用方法

2016/03/04 PHP

Zend Framework框架路由机制代码分析

2016/03/22 PHP

php 解析xml 的四种方法详细介绍

2016/10/26 PHP

Zend Framework入门教程之Zend_Mail用法示例

2016/12/08 PHP

PHP中Static（静态）关键字功能与用法实例分析

2019/04/05 PHP

Laravel框架实现的上传图片到七牛功能详解

2019/09/06 PHP

深入理解PHP+Mysql分布式事务与解决方案

2020/12/03 PHP

Draggable Elements 元素拖拽功能实现代码

2011/03/30 Javascript

JS和Jquery获取和修改label的值的示例代码

2014/01/15 Javascript

javascript实现十六进制颜色值（HEX）和RGB格式相互转换

2014/06/20 Javascript

JS延时提示框实现方法详解

2015/11/26 Javascript

利用jQuery实现WordPress中@的ID悬浮显示评论内容

2015/12/11 Javascript

javascript轻量级库createjs使用Easel实现拖拽效果

2016/02/19 Javascript

jQuery javascript获得网页的高度与宽度的实现代码

2016/04/26 Javascript

Js操作DOM元素及获取浏览器高宽的简单方法

2016/09/08 Javascript

简单实现node.js图片上传

2016/12/18 Javascript

微信小程序开发中的疑问解答汇总

2017/07/03 Javascript

浅谈angularJS2中的界面跳转方法

2018/08/31 Javascript

Vue+Element实现网页版个人简历系统(推荐)

2019/12/31 Javascript

vue+iview框架实现左侧动态菜单功能的示例代码

2020/07/23 Javascript

Python常见工厂函数用法示例

2018/03/21 Python

将Python文件打包成.EXE可执行文件的方法

2019/08/11 Python

Python实现使用dir获取类的方法列表

2019/12/24 Python

python实现PCA降维的示例详解

2020/02/24 Python

Python使用sqlite3模块内置数据库

2020/05/07 Python

python+django+selenium搭建简易自动化测试

2020/08/19 Python

html5 canvas绘制矩形和圆形的实例代码

2016/06/16 HTML / CSS

Net-A-Porter美国官网：全球时尚奢侈品名站

2017/02/11 全球购物

JAVA和C++区别都有哪些

2015/03/30 面试题

商务英语求职自荐信范文

2013/12/24 职场文书

如何写求职信

2014/05/24 职场文书

大学生见习报告总结

2014/11/04 职场文书

基于Android10渲染Surface的创建过程

2022/08/14 Java/Android