编程 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中使用对数Math.log()方法的教程

Jun 15 Javascript

实例讲解JS中setTimeout()的用法

Jan 28 Javascript

利用AJAX实现WordPress中的文章列表及评论的分页功能

May 17 Javascript

JavaScript实现简单图片轮播效果

Aug 21 Javascript

微信小程序实现图片懒加载的示例代码

Dec 13 Javascript

详解vue表单——小白速看

Apr 08 Javascript

详解Angular操作cookies方法

Jun 01 Javascript

vue单文件组件lint error自动fix与styleLint报错自动fix详解

Jan 08 Javascript

详解Vue demo实现商品列表的展示

May 07 Javascript

Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)

May 08 Javascript

JS PHP字符串截取函数实现原理解析

Aug 29 Javascript

Vue中使用wangeditor富文本编辑的问题

Feb 07 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

Smarty＋QUICKFORM小小演示

2007/02/25 PHP

ThinkPHP3.1之D方法实例详解

2014/06/20 PHP

php检测文本的编码

2015/07/26 PHP

PHP PDO操作MySQL基础教程

2017/06/05 PHP

thinkphp 中的volist标签在ajax操作中的特殊性(推荐)

2018/01/15 PHP

PHP中的Iterator迭代对象属性详解

2019/04/12 PHP

用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载

2007/08/08 Javascript

clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析

2010/03/12 Javascript

jQuery中prop()方法用法实例

2015/01/05 Javascript

jQuery中$(function() {});问题详解

2015/08/10 Javascript

jQuery使用中可能被XSS攻击的一些危险环节提醒

2016/05/24 Javascript

Bootstrap开关(switch)控件学习笔记分享

2016/05/30 Javascript

Knockoutjs 学习系列(一)ko初体验

2016/06/07 Javascript

js中遍历对象的属性和值的方法

2016/07/27 Javascript

jquery实现轮播图效果

2017/02/13 Javascript

nodejs学习笔记之路由

2017/03/27 NodeJs

vue插件实现v-model功能

2018/09/10 Javascript

使用JQuery自动完成插件Auto Complete详解

2019/06/18 jQuery

微信小程序如何调用json数据接口并解析

2019/06/29 Javascript

vue 实现购物车总价计算

2019/11/06 Javascript

Python初学时购物车程序练习实例(推荐)

2017/08/08 Python

使用python实现knn算法

2017/12/20 Python

python使用tornado实现登录和登出

2018/07/28 Python

python3.6实现学生信息管理系统

2019/02/21 Python

pytorch使用Variable实现线性回归

2019/05/21 Python

Django 导出项目依赖库到 requirements.txt过程解析

2019/08/23 Python

苏格兰领先的多渠道鞋店：Begg Shoes

2019/10/22 全球购物

Shell如何接收变量输入

2016/08/06 面试题

外语学院毕业生的自我鉴定

2013/11/28 职场文书

安康杯竞赛活动总结

2014/05/05 职场文书

土木工程求职信

2014/05/29 职场文书

学校综治宣传月活动总结

2014/07/02 职场文书

力学专业求职信

2014/07/23 职场文书

2014年党风廉政建设工作总结

2014/11/19 职场文书

领导干部考核评语

2015/01/04 职场文书

中秋节英文祝福语句（14句）

2019/09/11 职场文书