vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css

今天写代码时发现同一页面多个地方需要调用同一个子页面，如果多个方法调用时，同一子页面回调父页面方法则会出问题，所以查了下资料，让这个功能通用化，根据具体方法回调具体父页面方法，顺便总结一下，希望以后可以有用，或许可以帮助需要帮助的人

这里使用 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 "";

}

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...相关推荐

android finish()传参数,48. (android开发) activity间传递数据（打开浏览器、拨号盘、传参）...
在 android 中多个 activity 中互相访问是常见的一种操作,比如:打开系统浏览器.显示系统拨号盘等等. 做这些操作的时候,自然是需要传递一些数据过去,比如:要打开的网址.要拨打的电话号码 ...
Python多任务(多线程执行带有参数的任务，利用threading创建线程时传入参数--args参数和kwargs参数)
1.多线程执行带有参数的任务以元组形式传参以字典方式进行传参 (字典的key值和参数名要一致) 2.线程的注意点线程之间执行是无序的主线程会等待所有的子线程执行结束再结束如果要主 ...
C语言中的函数指针、函数的直接/间接调用、C# 委托(自定义委托、内置泛型委托、委托的实例化、委托的一般使用(模板方法、回调方法)、泛型委托、多播委托、同步/异步使用委托）
文章目录 C语言中的函数指针函数的直接调用与间接调用 Java中没有与委托对应的功能实体 C# 委托 C# 自定义委托类型 C# 内置泛型委托类型委托的实例化委托也支持泛型的使用委托的一般使用 ...
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法
父页面要有此函数 //子页面回调此函数 IndexCallback = function() {console.log('我是父页面的方法') } 子页面回调父页面的方法 window.parent. ...
Vue +父组件调用子组件方法 + 子组件回调父组件方法
0. 整体代码: [父组件]: <template><div><span style="color: red">--------------- ...
PageOffice 在线编辑 office文件，回调父页面
一.子页面调用父页面的方法 var value=window.external.CallParentFunc("ParentFunName(Arguments);");//父页面的 ...
vue 父向子组件传递数据，子组件向父组件传递数据方式
父组件向子组件传递数据通过props,子组件引入到父组件中,设置一个值等于父组件的数据,通过:bind将数据传到子组件中,子组件中通过props接收父组件的数据,这样就可以使用父组件的数据了,循环组件 ...
JQ 获取到跳转页面传过来的参数（不适用多个参数）
** 我的需求就是当别的页面点击跳转到当前页面的时候需要接收上个页面传过来的参数拿到域名然后在当前页面的返回按钮新增一个返回地址 ** //获得传过来的login与在数据库中对应的表单 var ...
java 前端页面调用数据库_java如何生成json被前端调用
小妹前端一枚,CSDN新人,分不多,请见谅. 现在在自学前后台交互. 现在采用的是ajax调用的方法,json文件是自己写的假数据. $.ajax({ url:"json/mood.json ...

vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...

vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...相关推荐

最新文章

热门文章