从iframe中的子域进行JavaScript跨域访问



父页面位于site.com上。我在sub.site.com上有一个页面,它将通过iframe包含在父页面上。每https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy这应该可以通过让sub.site.com页面将其域更新到site.com来实现。但是,当我尝试此操作时,由于同源策略,我仍然会收到拒绝访问的错误。

site.com:

<html>
<head></head>
<body><iframe src="http://sub.site.com"/></body>
</html>

subsite.com:

<html>
<head>
<script>
    function setupPage() {
    try {
        var oldDomain="current iframe domain: ";
        oldDomain = oldDomain.concat(document.domain);
        alert(oldDomain);
        document.domain='sakai.rutgers.edu';
        var newDomain="new iframe domain: ";
        newDomain = newDomain.concat(document.domain);
        alert(newDomain);
        var parentDomain="parent domain: ";
        parentDomain = parentDomain.concat(parent.window.document.domain);
        alert(parentDomain);
    }
    catch (err) {
        var e = "Caught error: ";
        e = e.concat(err.message);
        alert(e);
    }
</script>
</head>
<body onload=setupPage()>
<p>Test Page</p>
</body>

当我加载父页面时,前两个警报显示域正在按预期重置。但是,当脚本尝试访问parent.window.document.domain时,会抛出以下错误(在Chrome中):"捕获错误:阻止了具有原点的帧"http://sub.site.com"访问跨原点帧。"

我错过了什么?

我认为在代码中您可能想要使用

parentDomain = parentDomain.concat(document.domain); 

而不是

parentDomain = parentDomain.concat(parent.window.document.domain);

在第一种情况下,我猜它对当前窗口可用,因此它将获得文本并将其连接。如果您需要访问父窗口,请使用类似的东西

parent.window.frames.documents............ 

希望能有所帮助。我自己不是大师,但我以前也遇到过这种情况,这种技术已经消除了问题。

相关内容

  • 没有找到相关文章

最新更新