iframe的父子窗口之间的对象相互调用基本用法


Posted in Javascript onSeptember 03, 2013

使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。

子窗口中调用父窗口的js方法:

parent.changeBtnTitle('tzgg');

一个父窗口中可能会有若干个功能行为类似的子窗口,子窗口中的组件要调用相同或者类似的对象或者方法,那么就把这样的方法写在父窗口中,通过传递参数来达到不同的效果。

父窗口获得子窗口中的某个对象:

首先要获得子窗口的iframe对象,比如:

var frameName = window.frames["frameId"]

然后要获得该子窗口的document值,然后就可以调用子窗口中的对象了。在父窗口中使用时为避免反复书写,不妨写成一个方法:
getSubWindowObj = function(moduleName){ 
return window.frames["iframe"+moduleName].document.getElementById("moreorless"+moduleName); 
}

这里只用了一个参数,只因为我的iframeId和子窗口的对象Id名字起的有规律,只需传入一个参数拼接之后就可以饿了。

同样,子页面调用父页面的元素,可以使用如下代码:

parent.window.document.getElementById('parentMenu'); 
//简写 
parent.document.getElementById('parentMenu');
Javascript 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
网页中CDATA标记的说明
Sep 12 Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
jquery插件制作 提示框插件实现代码
Aug 17 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
js密码强度实时检测代码
Mar 02 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
Angular中使用$watch监听object属性值的变化(详解)
Apr 24 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 #Javascript
使用js操作cookie的一点小收获分享
Sep 03 #Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 #Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 #Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 #Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 #Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 #Javascript
You might like
WINDOWS服务器安装多套PHP的另类解决方案
2006/10/09 PHP
php fckeditor 调用的函数
2009/06/21 PHP
写出高质量的PHP程序
2012/02/04 PHP
php 获取SWF动画截图示例代码
2014/02/10 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
动态加载js的几种方法
2006/10/23 Javascript
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
jquery中获取select选中值的代码
2011/06/27 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
JS实现手写parseInt的方法示例
2017/09/24 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
详解用python生成随机数的几种方法
2019/08/04 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
生物技术毕业生自荐信
2013/10/23 职场文书
营销与策划应届生求职信
2013/11/04 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
竞聘上岗演讲稿
2014/05/16 职场文书
李强为自己工作观后感
2015/06/11 职场文书
董事长秘书工作总结
2015/08/14 职场文书
高一英语教学反思
2016/03/03 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技