编程 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 相关文章推荐

JS实现可改变列宽的table实例

Jul 02 Javascript

Jquery设置attr的disabled属性控制某行显示或者隐藏

Sep 25 Javascript

jQuery对指定元素中指定字符串进行替换的方法

Mar 17 Javascript

Bootstrap基础学习

Jun 16 Javascript

jQuery动画显示和隐藏效果实例演示(附demo源码下载)

Dec 31 Javascript

简述JavaScript提交表单的方式（Using JavaScript Submit Form）

Mar 18 Javascript

微信小程序详解下拉加载与上拉刷新实现方法

Jan 13 Javascript

jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】

Mar 21 jQuery

Vue-cli 使用json server在本地模拟请求数据的示例代码

Nov 02 Javascript

微信小程序出现wx.navigateTo页面不跳转问题的解决方法

Dec 26 Javascript

原生JS实现DOM加载完成马上执行JS代码的方法

Sep 07 Javascript

iview通过Dropdown(下拉菜单)实现的右键菜单

Oct 26 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