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对象;
Javascript 相关文章推荐
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
Nov 15 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
js获取Get值的方法
Sep 29 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 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
picChange 图片切换特效的函数代码
2010/05/06 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
2016/09/04 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
浅谈python中的变量默认是什么类型
2016/09/11 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
python实现教务管理系统
2018/03/12 Python
对python3新增的byte类型详解
2018/12/04 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
基于python实现百度翻译功能
2019/05/09 Python
python3 线性回归验证方法
2019/07/09 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
python中setuptools的作用是什么
2020/06/19 Python
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
公共事业管理本科生求职信
2013/10/07 职场文书
计算机专业自我鉴定
2013/10/15 职场文书
三好学生自我鉴定
2013/12/17 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
2019暑假学生安全口号
2019/06/27 职场文书
基于Redis延迟队列的实现代码
2021/05/13 Redis
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL