从另一个页面触发JavaScript函数

Question

我正在尝试从另一个页面触发一个JavaScript函数。

我在第1页有网格视图，允许用户编辑数据。

编辑发生在弹出页面中，如果编辑成功，弹出页将关闭。

要用新的/编辑的数据刷新网格视图，需要使用JavaScript。

我的问题是如何从弹出页面调用页面1中的JavaScript函数？

function hide_loading() 
{
   document.getElementById('ContentPlaceHolder1_Button4').click();
}

为英语“错误”道歉

谢谢

Answer 1

父窗口：

function foo () {
    alert ("Hello!");
}

function openPopup() {
    var wo = window.open("popup.html");
}

弹出窗口：

function doSomething() {
    window.opener.foo();
}

Answer 2

您可以附加一个处理程序来检测弹出窗口的关闭，在该事件处理程序中，将代码放在主页上刷新数据。

例如，在主页上

//open a popup window for editing
var windowReference = window.open('your_edit_window_url');

//attach a handler to know when the popup window is closed
windowReference.onload = function() {
   windowReference.onunload =  function () {
       //refresh your page data here using ajax or just a simple reload
   };
}

这样，您就不会从弹出窗口调用主窗口的函数。每个窗口都处理自己的功能。