javascript中的方法回调和父页面Iframe的方法调用
来源:互联网 发布:冰毒淘宝地址 编辑:程序博客网 时间:2024/04/30 03:33
目的:调用父层iframe的js方法弹出信息框,信息框的表单信息填充完后,点击button回调子层页面刷新函数
1.参考案例 : video.js和scooper.video.js
- scooper.video.js
window.scooper.video = { .... /** * 获取轮询配置界面列表视频 * @param callbackFunc */ isOpenedList: function(callbackFunc) { if(this.isOpened.isEmpty()) return; var jsonData = {}; var size = this.isOpened.size(); var list = new Array(); for(var i = 0; i < size; i++) { var key = this.isOpened.arr[i].key; list.push(key); } jsonData.memIds = list; $.getJSON(contextPath + "/video/findOrgMemberByIds", jsonData, function(data){ if(data.code==0 && callbackFunc != undefined){ callbackFunc(data.data); } }); }, ....};
- video.js
/* * 已打开视频列表 */ function loadIsOpenedListEvent(){ scooper.video.isOpenedList(function(resp){ $("#video-opened-list-itemContainer").html(''); var SHtml = ''; $.each(resp, function(i, obj) { SHtml += loadList(obj, 1); }); $("#video-opened-list-itemContainer").append(SHtml); initTableEvent();//初始化表格事件,将每行TR添加点击触发修改事件 initBtnCliclEvent();//初始化打开关闭按钮点击事件 }); }
2.核心思想
- 父层 main.js
/** * 所有工作流、维修过程等Layer弹框 部分被覆盖问题 * 定义父层的layer弹框 可复用的全局方法 * @url layer 需要打开的页面路径 * @option layer 可配置参数 * > path : '${contextPath}/js/lib/layer' * > type * > title * > shadeClose * > scrollbar * > areaW * > areaH * > shade * > content * > success * > end */ window.openLayerWin = function(option,success,end){ /** * 模块化引用layer * 主页面需在当前js前引入layer.js */ layer.config({ path : option.path }); layer.open({ type : option.type == undefined ? 2 : option.type, title : option.title == undefined ? '' : option.title, fix : option.fix == undefined ? false : option.fix, shadeClose : option.shadeClose == undefined ? true : option.shadeClose, scrollbar : option.scrollbar == undefined ? false : option.scrollbar, maxmin : option.maxmin == undefined ? false : option.maxmin, area : [ option.areaW , option.areaH ], shade : option.shade == undefined ? 0.5 : option.shade, content : option.content == undefined ? '' : option.content, success : success == undefined ? (function(layero,index){}) : (function(layero,index){success();}) , end : end == undefined ? (function(){}) : (function(){end();}), }); }
子层 group-manager.js
var option = { path : '${contextPath}/js/lib/layer', type : 2, title : '', fix : false, shadeClose : true, scrollbar : false, maxmin : false, shade : 0.5, areaW : '520px', areaH : '400px', content : capsule.request.path.groupMan.layer.groupManAddLayerShow };window.top.openLayerWin(option,undefined,function(){ loadGroupCenterInfo();});
loadGroupCenterInfo是子层的内置方法
3. 子父iframe的方法调用
通过js的window对象进行方法的传递
1 0
- javascript中的方法回调和父页面Iframe的方法调用
- iframe页面调用父页面javascript的方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- iframe 调用 父页面 javascript方法
- 父页面调用iframe中的js方法
- 父页面调用iframe中的js方法
- JS技巧:调用iframe中父页面/子页面中的JavaScript方法
- 利用js调用iframe中父页面/子页面中的JavaScript方法
- JS技巧:调用iframe中父页面/子页面中的JavaScript方法
- iframe调用父页面的方法
- 子父页面的iframe方法调用
- 实现 iframe 子页面调用父页面中的js方法
- [同域] iframe子页面调用父页面、父页面调用子页面javascript函数的方法
- iframe的子页面调用父页面的方法
- iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)
- iframe中子页面调用父页面的js方法
- [LeetCode]--29. Divide Two Integers
- 推荐一个vs自带工具分析代码的复杂度
- log4j日志优先级问题和自定义优先级
- ECMAScript6标准Set和Map的使用
- 处理前段文本溢出,多余内容显示点点
- javascript中的方法回调和父页面Iframe的方法调用
- Spring方法拦截器MethodInterceptor
- 三阶贝塞尔曲线绘制一个近似的圆方案
- 多线程传参及多线程并发量控制
- JAVA日志
- 匿名自执行函数中,若存在多个执行函数,则只执行最末一个函数
- 菜鸟IDEA环境下学mavne+springmvc笔记
- OpenCv中批量读取图片数据并显示出来的C++程序
- android中线程池