javascript - 有没有办法查看 window.top 是否可访问？

Question

我有一个 iframe 尝试调用父窗口中的函数，如下所示:

window.top.updateIFrame(height);

显然，这仅在 iframe 和父窗口位置位于同一域中时才有效。所以我想在尝试调用该函数之前检查以确保可以访问 window.top。但我似乎无法做到这一点。

我已经尝试将 window.top 设置为一个对象，并且该对象存在，但我想不出一种方法来查看访问是否被拒绝。

Answer 1

你可以使用 try/catch:

    function checkIfTopIsAccessible(){
        let windowVariable = null;
        try{
            windowVariable = top.window.document;
        }catch(e){
            // some log or even empty
        }
        return windowVariable;
    }
   
    if(checkIfTopIsAccessible() === null) return;

您还可以使用下面的函数尝试保存 top.window 引用:

    function getWindowReference(window) {
        /*
        window.frameElement === null in two cases:
            1. if the window isn't embedded into another document => window === top.window
            2. if the window is on a diffrent origin (from the top.window) => window of the safe iframe window
        so the window.frameElement has a value when it is embedded into another document on the same orgin => return top.window
        */
        if (window.frameElement === null) {
            return window;
        } else {
            return top.window;
        }
    }

    const windowVariable = getWindowReference(window);