TOGOUTECH

javascript - 子窗口关闭时的回调函数调用

coder 2024-05-16 原文

单击按钮时我打开了子窗口。在这个窗口中我将一些数据保存到数据库中。 我想在子窗口关闭时调用另一个 java 脚本函数。

我已经试过了Set a callback function to a new window in javascript解决方案,但它不起作用。

请告诉我如何调用回调函数?

成功保存后,我还在子窗口中设置了一个隐藏字段。我尝试提醒这个隐藏值,但它在更新前提醒。

function open_child()
{
    $("#child_succ").val(0);
    alert($("#child_succ").val());
    window.open("child.php","Ratting","width=550,height=300,left=150,top=200,toolbar=1,status=1");
    alert($("child_succ").val());
}

回调函数

function test()
{
    alert("called from child window");
}

最佳答案

您可以通过这种方式从子窗口调用父函数:

window.opener.your_function()

在父窗口中调用子函数:

var w = window.open(somelocation,''); //has a function on `window` called "test"
w.test();

如果这些技巧对您有帮助,您可以向我们展示您是如何使用回调方法的。

希望对你有帮助。

问候!

关于javascript - 子窗口关闭时的回调函数调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13151634/

有关javascript - 子窗口关闭时的回调函数调用的更多相关文章

  1. javascript - 流中的条件类型 - 2

    是否可以根据条件在流中键入变量?像这样:consttype='xyz';consta:(type==='xyz')?number:string; 最佳答案 Flow中的类型级条件可以使用类型调用($Call类型)来模拟:type$If<X:boolean,Then,Else=empty>=$Call<&((true,Then,Else)=>Then)&((false,Then,Else)=>Else),X,Then,Else,>;type$Not&l

  2. javascript - react-router 在生产和激增部署中不起作用 - 2

    我的React应用程序在本地主机上运行良好,但是当我将其部署在gh-pages或surge中时,它无法让我使用URL在页面之间移动。这是项目仓库link演示网址here用户可以点击右上角的menuItem进入注册页面。但如果用户使用http://chat.susi.ai/signup/URL,它给出了404页面我尝试了几种来自互联网的解决方案,但没有奏效。下一个问题是:我创建了一个404页面以在用户尝试移动到损坏的链接时显示。它在localhost中工作正常。但不在生产中。我试过this解决方案,但没有任何改变。这是我的index.js文件的一部分constApp=()=>(&l

  3. JavaScript 检查时区名称是否有效 - 2

    有没有一种方法可以在不使用外部库的情况下在JavaScript中检查时区名称是否有效?当用户在文本字段中输入时区名称时,我想验证时区是否有效?我知道我们可以使用moment-timezone库轻松完成。但我不想使用任何额外的库。我正在寻找纯JavaScript方式。isValidTimeZone(name){//returntrue/false}isValidTimeZone('Asia/Colombo');//returnstrueisValidTimeZone('America/Los_Angeles');//returnstrueisValidTi

  4. javascript - Node JS 浏览器模拟(cookies、session、headers) - 2

    我需要像普通浏览器一样从Nodejs发出请求。我是什么意思?我可以设置任何HTTP信息,例如cookie、header、正文。因此,根据需要构建HTTP请求。请求发出后,所有的响应数据都应该是可读的,比如SetCookie....如果可以在session期间自动保存cookie,那就太好了。因此,我不需要在每次提出所有进一步请求时都包含它们。所以只需模拟一个真实的浏览器以保持session有没有框架库可以提供这样的功能? 最佳答案 对于不需要解析HTML或运行客户端JavaScript的情况,您可以使用简单的工具,例如Request

  5. javascript - 从对象数组中过滤唯一值 - 2

    这个问题在这里已经有了答案:GetalluniquevaluesinaJavaScriptarray(removeduplicates)(91个答案)关闭5年前。如何使用Array.filter()返回唯一的id和name?我的场景与我研究过的解决方案略有不同,因为我有一个对象数组。我找到的每个示例都包含单个值的平面数组。data=[{id:555,name:"Sales",person:"Jordan"},{id:555,name:"Sales",person:"Bob"},{id:555,name:"Sales

  6. javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度 - 2

    我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/<canvasid="myChart"width="500"height="300"&g

  7. javascript - Vue (nuxt) 中的全局组件 - 2

    在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'imp

  8. javascript - Accessibility - React 确保点击事件有按键事件 - 2

    我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找

  9. javascript - 函数式编程和 DOM 操作 - 2

    如何在以“函数式”方式编写的脚本中以最“纯粹”的方式操作DOM。例如,如果我只需要更改元素宽度,我应该使用像这样的典型语法:document.querySelector(".class").style.width=...或者编写专门的函数,比如:functionresize(el,w){returnel.style.width=w;}resize(document.querySelector(".class",100));我想,我了解函数式编程的一般概念,但我遇到的所有示例都集中在处理数字或字符串上。操作DOM被认为是副作用,所以我想知道如何以正确的方式

  10. javascript - React-Native-Maps:如何动画协调? - 2

    我正在使用以下代码但没有成功://NativeBase容器内部<MapView.Animatedref="map"style={styles.map}showsUserLocation={true}zoomEnabled={true}showsMyLocationButton={true}showsCompass={true}showScale={true}showsIndoors={true}mapType={this.state.mapTypes[this.state.mapTypeCode]}/>//类的componentDidMount内部navig

随机推荐

  1. javascript - 流中的条件类型 - 2

    是否可以根据条件在流中键入变量?像这样:consttype='xyz';consta:(type==='xyz')?number:string; 最佳答案 Flow中的类型级条件可以使用类型调用($Call类型)来模拟:type$If<X:boolean,Then,Else=empty>=$Call<&((true,Then,Else)=>Then)&((false,Then,Else)=>Else),X,Then,Else,>;type$Not&l

  2. javascript - react-router 在生产和激增部署中不起作用 - 2

    我的React应用程序在本地主机上运行良好,但是当我将其部署在gh-pages或surge中时,它无法让我使用URL在页面之间移动。这是项目仓库link演示网址here用户可以点击右上角的menuItem进入注册页面。但如果用户使用http://chat.susi.ai/signup/URL,它给出了404页面我尝试了几种来自互联网的解决方案,但没有奏效。下一个问题是:我创建了一个404页面以在用户尝试移动到损坏的链接时显示。它在localhost中工作正常。但不在生产中。我试过this解决方案,但没有任何改变。这是我的index.js文件的一部分constApp=()=>(&l

  3. JavaScript 检查时区名称是否有效 - 2

    有没有一种方法可以在不使用外部库的情况下在JavaScript中检查时区名称是否有效?当用户在文本字段中输入时区名称时,我想验证时区是否有效?我知道我们可以使用moment-timezone库轻松完成。但我不想使用任何额外的库。我正在寻找纯JavaScript方式。isValidTimeZone(name){//returntrue/false}isValidTimeZone('Asia/Colombo');//returnstrueisValidTimeZone('America/Los_Angeles');//returnstrueisValidTi

  4. javascript - Node JS 浏览器模拟(cookies、session、headers) - 2

    我需要像普通浏览器一样从Nodejs发出请求。我是什么意思?我可以设置任何HTTP信息,例如cookie、header、正文。因此,根据需要构建HTTP请求。请求发出后,所有的响应数据都应该是可读的,比如SetCookie....如果可以在session期间自动保存cookie,那就太好了。因此,我不需要在每次提出所有进一步请求时都包含它们。所以只需模拟一个真实的浏览器以保持session有没有框架库可以提供这样的功能? 最佳答案 对于不需要解析HTML或运行客户端JavaScript的情况,您可以使用简单的工具,例如Request

  5. javascript - 从对象数组中过滤唯一值 - 2

    这个问题在这里已经有了答案:GetalluniquevaluesinaJavaScriptarray(removeduplicates)(91个答案)关闭5年前。如何使用Array.filter()返回唯一的id和name?我的场景与我研究过的解决方案略有不同,因为我有一个对象数组。我找到的每个示例都包含单个值的平面数组。data=[{id:555,name:"Sales",person:"Jordan"},{id:555,name:"Sales",person:"Bob"},{id:555,name:"Sales

  6. javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度 - 2

    我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/<canvasid="myChart"width="500"height="300"&g

  7. javascript - Vue (nuxt) 中的全局组件 - 2

    在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'imp

  8. javascript - Accessibility - React 确保点击事件有按键事件 - 2

    我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找

  9. javascript - 函数式编程和 DOM 操作 - 2

    如何在以“函数式”方式编写的脚本中以最“纯粹”的方式操作DOM。例如,如果我只需要更改元素宽度,我应该使用像这样的典型语法:document.querySelector(".class").style.width=...或者编写专门的函数,比如:functionresize(el,w){returnel.style.width=w;}resize(document.querySelector(".class",100));我想,我了解函数式编程的一般概念,但我遇到的所有示例都集中在处理数字或字符串上。操作DOM被认为是副作用,所以我想知道如何以正确的方式

  10. javascript - React-Native-Maps:如何动画协调? - 2

    我正在使用以下代码但没有成功://NativeBase容器内部<MapView.Animatedref="map"style={styles.map}showsUserLocation={true}zoomEnabled={true}showsMyLocationButton={true}showsCompass={true}showScale={true}showsIndoors={true}mapType={this.state.mapTypes[this.state.mapTypeCode]}/>//类的componentDidMount内部navig