javascript - 如何判断弹窗内容是否加载

Question

我需要为弹出窗口的父窗口设置一些 contextData 。我试试这个:

var some contextData = {};
$(function() {
    $('#clickme').click(function() {
        var w = window.open('http://jsfiddle.net');

        w.contextData = contextData            
        //w.context data is null in the popup after the page loads - seems to get overwritten/deleted
    });
});

它不起作用，所以我的下一个想法是，等待内容加载

var some contextData = {};
$(function() {
    $('#clickme').click(function() {
        var w = window.open('http://jsfiddle.net');
        w.onload = function() {
            //Never Fires
            w.contextData = contextData;

        }
    });
});

参见this fiddle 。我的 onload 方法永远不会触发。

这有效:

var some contextData = {};
    $(function() {
        $('#clickme').click(function() {
            var w = window.open('http://jsfiddle.net');
            setTimeout(function(){
                if(w.someVariableSetByThePageBeingLoaded) {
                    w.contextData = contextData;
                }
                else{
                    setTimeout(arguments.callee, 1);
                }

            }, 1);
        });
    });

但是有明显的优雅问题(但这是当前的解决办法)。

我知道你可以采用另一种方式(让弹出窗口回调到开启器/父级上的方法，但这迫使我保持​​某种查找上下文的方式(并且我必须将上下文的 key 传递给查询字符串中的弹出窗口)。当前的方法允许我捕获闭包中的上下文，使我的弹出窗口成为更可重用的代码。

我不想做这个跨域 - 父级和弹出窗口都在同一个域中，尽管父级是一个 iframe(很难用 jsfiddle 测试)。

建议？

Answer 1

如果您使用 iframe 执行此操作，请尝试这样做

HTML

<button id="clickme">Click Me</button>

<iframe id="framer"></iframe>

​

Javascript

$(function() {
    $('#clickme').click(function() {
        $("#framer").attr("src","http://jsfiddle.net");
        $("#framer")[0].onload = function(){
            alert('loaded');
        };
    });
});​

我更新了你的jsfiddle http://jsfiddle.net/HNvn3/2/

编辑由于上面的内容是完全错误的，这可能会为您指明正确的方向，但需要在真实环境中进行尝试，看看是否有效。

应该设置全局变量frames，如果您

window.open("http://jsfiddle.net","child_window");

frames["child_window"] 可能引用另一个窗口

我在 jsfiddle 中尝试时遇到了 javascript 访问错误 - 所以这可能是正确的路径

编辑2

在我的本地开发盒上尝试我能够完成这项工作

var w = window.open("http://localhost");
w.window.onload = function(){
    alert("here");
};

alert() 发生在父窗口