js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法
来源:互联网 发布:知乎 古龙经典片段 编辑:程序博客网 时间:2024/04/29 08:42
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可以有用,或许可以帮助需要帮助的人
这里使用 eval() 函数
定义和用法
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。
父页面调用子页面的路径(子页面的路径)如下
http://localhoust:8080/oss-portlet/html/util/area.html?oid=4&name=测试&callBack=callBackDistrict
callback:参数为父页面的具体方法名称
子页面调用父页面的callback指定的方法
eval('window.opener.' + getParams("callBack") + '(\'' + ids + '\',\'' + names + '\')');
window.close();
/**
* 获取页面路径参数值
*/
function getParams(key) {
var href = window.document.location.href;
if (href.indexOf("?") != -1) {
var paramStr = href.substring(href.indexOf("?") + 1, href.length);
if (paramStr.indexOf(key + "=") != -1) {
paramStr = paramStr.substring(paramStr.indexOf(key + "="),
paramStr.length);
if (paramStr.indexOf("&") != -1) {
return paramStr.substring(paramStr.indexOf("=") + 1, paramStr
.indexOf("&"));
} else {
return paramStr.substring(paramStr.indexOf("=") + 1,
paramStr.length);
}
} else {
return "";
}
}
}
- js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法
- 父页面js调用子页面数据
- iframe 父页面调用子页面里面的js方法
- IFrame下父页面调用子页面的JS方法
- 在父页面调用子页面的JS方法
- 子页面调用父页面的js方法
- 在父页面调用iframe子页面的JS方法
- html页面中iframe嵌套页面的父页面和子页面js方法互相调用
- 父页面上调用iframe子页面的js方法/iframe子页面调用父页面的方法
- 子页面调用父页面方法
- 子页面调用父页面中的方法
- layer父页面调用子页面方法
- 子页面调用父页面中js方法
- 实现 iframe 子页面调用父页面中的js方法
- 子页面调用父页面方法---js方式
- html5 父页面调用子页面js方法
- 父页面调用子页面iframe js 方法
- iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
- 未能打开组策略对象您可能没有合适的权限之解决步骤
- ListView的工作原理
- CStdioFile 指定文件类型为UNICODE写文件
- 【问题汇总】在C/C++中使用Android Log导致编译失败的问题
- 从N个数组分别取值,穷尽全部情况
- js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法
- C++ vector的使用方法,已经iterator的介绍
- TQ210coreD开发板,新品核心板参数发布
- 怎样使用命令来结束进程
- Boost库简单运用——时间与日期的处理(二)
- STL总结之vector、deque、list
- 前N个自然数的随机置换
- 基于ViewPager实现大量图片浏览功能
- 多线程: