如何通过JavaScript获取iFrame信息(引用URL)

Question

我们如何访问 iFrame 信息（右键单击浏览器中的 iFrame ->此框架 ->查看框架信息）？主要是我想获取引用URL。

我能够通过contentDocument.location.href获取地址，但我无法获得其他属性（类型、呈现模式、引用 URL 等）。

顺便说一句，document.referrer不是我正在寻找的东西。

Answer 1

主机页面和 iframe 是否位于同一域中？由于"跨帧通信"在所有现代浏览器中都受到严格限制，我认为没有办法做到这一点。

Answer 2

我没有写这个，也不记得它来自哪里，但它非常有用，它是我一直保留的一个片段：

        function parseUri(str) {
            var o = parseUri.options,
                m = o.parser[o.strictMode ? "strict" : "loose"].exec(str),
                uri = {},
                i = 14;
            while (i--) uri[o.key[i]] = m[i] || "";
            uri[o.q.name] = {};
            uri[o.key[12]].replace(o.q.parser, function ($0, $1, $2) {
                if ($1) uri[o.q.name][$1] = $2;
            });
            return uri;
        };
        parseUri.options = {
            strictMode: false,
            key: ["source", "protocol", "authority", "userInfo", "user", "password", "host", "port", "relative", "path", "directory", "file", "query", "anchor"],
            q: {
                name: "queryKey",
                parser: /(?:^|&)([^&=]*)=?([^&]*)/g
            },
            parser: {
                strict: /^(?:([^:/?#]+):)?(?://((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:/?#]*)(?::(d*))?))?((((?:[^?#/]*/)*)([^?#]*))(?:?([^#]*))?(?:#(.*))?)/,
                loose: /^(?:(?![^:@]+:[^:@/]*@)([^:/?#.]+):)?(?://)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:/?#]*)(?::(d*))?)(((/(?:[^?#](?![^?#/]*.[^?#/.]+(?:[?#]|$)))*/?)?([^?#/]*))(?:?([^#]*))?(?:#(.*))?)/
            }
        };

然后像这样使用它：

       parseUri(document.referrer).host //<-- gets host name