jQuery - 如何在弹出窗口中设置对父页面的回调

Question

当我打开弹出窗口时，我希望能够设置弹出窗口可以调用的一些回调。 所以基本上我有两个页面，其中包含这样的代码：

*****popup.html*******
var callBack;
function OnSaveClick()
{
  if (callBack)
     callBack();
}

**********************************************
********popupOpener.html*************
function callBackHandler()
{
   //some code here
}
function OpenPopup()
{
   var p = window.open("popup.html");
   p.callBack = callBackHandler;
   return false;
}

问题是，当 popup.html 的 DOM 加载时 var callBack 会重置，并且直到打开器上的 OpenPopup() 完成后才会加载。 因此，下一个最好的办法是在 popup.html 的就绪事件中设置回调。但我希望能够将事件处理程序附加到 popupOpener.html 中 popup.html 的就绪事件。 所以 OpenPopup 函数现在看起来像这样：

var p;
function OpenPopup()
{
  p = window.open("popup.html");
  $(p).ready(hookCallBack)      //doesn't work
  //or $(p.document).ready(hookCallBack)  //doesn't work
  return false;
}
function hookCallBack()
{
  p.callBack = callBackHandler;
}

但是 hookCallBack() 在 $(p).ready(hookCallBack) 之后立即执行，而不是在 popup.html 的 DOM 准备好时执行。还有其他方法可以做到这一点吗？

Answer 1

请参阅我的问题： 获取弹出窗口的 DOM 元素以进行 jQuery 操作< /a> 了解如何在加载后控制弹出窗口的答案

因此您可以执行类似@MattBall的答案的操作：

popupOpener.html：

var opener = {

        popup: null, 

        newPopup: function(windowsname){
            this.popup = window.open(windowsname);
            var self = this;

            this.popup.onload = function ()
            {
              var doc = this.document,
                  script = doc.createElement('script');
                  script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js';
                  script.onload = function ()
                  {
                      function setup()
                      {
                          //something to do on the popup
                      }

                      script = doc.createElement('script');
                      script.textContent = "(" + setup.toString() + ")();";
                      doc.body.appendChild(script);
                  };

                  doc.head.appendChild(script);
            };
        },

        some_function: function(){
             //calling it here:
             this.newPopup('popup.html');
        }
    }

因此要在页面加载时加载弹出窗口：

window.onload = function(){
    opener.some_function();
};

这是一个演示： http://jsfiddle.net/EJasA/

Answer 2

在弹出页面中引用“opener”来获取创建弹出窗口的页面：

例如：

function OnSaveClick()
{
  if (callBack) //just have callback as a boolean field
      opener.top.frameFocus.callbackfunc();
}

请参阅 http://www.webreference.com/js/tutorial1/opener.html

Answer 3

if(callback_function) {
   eval('window.opener.' + callbak_function)(name, age, address);
}

回调函数是字符串