编程 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 设计模式之组合模式解析

Apr 09 Javascript

基于jquery的获取浏览器窗口大小的代码

Mar 28 Javascript

jQuery学习总结之元素的相对定位和选择器(持续更新)

Apr 26 Javascript

jQuery 对Select的操作备忘记录

Jul 04 Javascript

JQuery中DOM实现事件移除的方法

Jun 13 Javascript

freemarker判断对象是否为空的方法

Aug 13 Javascript

基于jQuery实现仿百度首页换肤背景图片切换代码

Aug 25 Javascript

基于jQuery实现表格的查看修改删除

Aug 01 Javascript

快速入门Vue

Dec 19 Javascript

jquery 判断是否支持Placeholder属性的方法

Feb 07 Javascript

AngularJS实现路由实例

Feb 12 Javascript

基于JS实现操作成功之后自动跳转页面

Sep 25 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 Hash函数，增强密码安全

2011/02/25 PHP

PHP用身份证号获取星座和生肖的方法

2013/11/07 PHP

PHP实现动态执行代码的方法

2016/03/25 PHP

zen_cart实现支付前生成订单的方法

2016/05/06 PHP

jQuery 图像裁剪插件Jcrop的简单使用

2009/05/22 Javascript

jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法

2011/07/28 Javascript

使用javascript做的一个随机点名程序

2014/02/13 Javascript

JS执行删除前的判断代码

2014/02/18 Javascript

php的文件上传入门教程（实例讲解）

2014/04/10 Javascript

JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)

2014/09/13 Javascript

js判断移动端是否安装某款app的多种方法

2015/12/18 Javascript

jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

2016/06/20 Javascript

jQuery AJAX timeout 超时问题详解

2016/06/21 Javascript

利用Node.js制作爬取大众点评的爬虫

2016/09/22 Javascript

jQuery实现ajax无刷新分页页码控件

2017/02/28 Javascript

webpack css加载和图片加载的方法示例

2018/09/11 Javascript

仿ElementUI实现一个Form表单的实现代码

2019/04/23 Javascript

解决vue-cli webpack打包开启Gzip 报错问题

2019/07/24 Javascript

微信小程序使用前置摄像头拍照

2020/10/22 Javascript

在Vue中使用Echarts可视化库的完整步骤记录

2020/11/18 Vue.js

python处理中文编码和判断编码示例

2014/02/26 Python

用python实现对比两张图片的不同

2018/02/05 Python

django请求返回不同的类型图片json,xml,html的实例

2018/05/22 Python

selenium在执行phantomjs的API并获取执行结果的方法

2018/12/17 Python

python 多线程重启方法

2019/02/18 Python

微信端html5页面调用分享接口示例

2018/03/14 HTML / CSS

iHerb中文官网：维生素、保健品和健康产品

2018/11/01 全球购物

德国大型和小型家用电器网上商店：Energeto

2019/05/15 全球购物

实习老师个人总结的自我评价

2013/09/28 职场文书

应届毕业生如何写求职信

2014/02/16 职场文书

施工安全生产承诺书

2014/05/23 职场文书

党员对照检查材料思想汇报（党的群众路线）

2014/09/24 职场文书

党员个人批评与自我批评

2014/10/14 职场文书

班级联欢会主持词

2015/07/03 职场文书

pytorch 使用半精度模型部署的操作

2021/05/24 Python

详解Python内置模块Collections

2022/03/22 Python