Javascript：从弹出窗口中找到主页上的框架？

Question

在下面的 Javascript 中，我必须不断从弹出页面中查找 mainFrame，有没有更好的方法来做到这一点？

function sendRefreshMessage(data) {
    var myObj = null;
    myObj = document.getElementById('slPlugin');
    if (null != myObj) {
        try {
            //perform operation on myObj
        } catch (err) {
        }
    }
    else {
        if (null != top.opener.top.mainFrame) {
            myObj = top.opener.top.mainFrame.document.getElementById('slPlugin');
            if (null != myObj) {
                try {
                    //perform operation on myObj
                } catch (err) {
                }
            }
        }
        else {
            myObj = top.opener.top.opener.top.mainFrame.document.getElementById('slPlugin');
            if (null != myObj) {
                try {
                    //perform operation on myObj
                } catch (err) {
                }
            }
        }
    }
}

Answer 1

好吧，有一种更干净（但不一定更好）的方法来做到这一点，假设您的插件始终驻留在名为 mainFrame 的元素内：

function findPlugin(container)
{
    var plugin = null;
    if (container.mainFrame != null) {
        plugin = container.mainFrame.document.getElementById('slPlugin');
    }
    if (plugin == null && container.opener != null) {
        plugin = findPlugin(container.opener.top);
    }
    return plugin;
}

function sendRefreshMessage(data)
{
    var plugin = findPlugin(window.top);
    if (plugin != null) {
        try {
            // Perform operation on `plugin`.
        } catch (err) {
            // Please avoid empty catch blocks, they're evil.
        }
    }
}