【问题标题】:Possible to access a function on a parent page from an iframe that is on a different subdomain?可以从不同子域上的 iframe 访问父页面上的功能吗?
【发布时间】:2014-05-30 16:15:59
【问题描述】:

我正在尝试从 iframe 访问位于父页面上的函数。我收到以下错误,因为他们使用不同的子域:

未捕获的安全错误:阻止了来源为“http://subdomain.domain.com”的框架访问来源为“http://subdomain2.domain.com”的框架。协议、域和端口必须匹配。

我正在使用:

window.parent.myFunction(); 

访问父页面上的功能。

是否有解决方法,还是因为它们是不同的子域而根本不起作用?

【问题讨论】:

    标签: javascript jquery security iframe


    【解决方案1】:
    Blocked a frame with origin "http://subdomain.domain.com" from accessing a frame with origin "http://subdomain2.domain.com"
    

    如果添加行:

    document.domain = 'domain.com';
    

    对于两个框架中的脚本,它们将能够直接与彼此的对象进行交互。背景见MDN

    但是,跨框架脚本散布着令人讨厌的极端情况,其中一个框架从另一个框架执行某些内容,而该框架正忙于做其他事情,或者尚未完全加载。对于任何重要的事情,我会避免直接跨框架脚本。

    更现代的替代方案是将执行保持在单个框架内,并使用 postMessage 跨框架通信。 Support.

    【讨论】:

    • 太棒了,成功了。感谢您提供更多信息。
    【解决方案2】:

    这只有在您有权访问父域时才有效(例如,在那里上传文件)。

    在您的 iframe 页面中,创建第二个 iframe,其源指向主域中的页面。

    第二个iframe可以通过window.parent.parent.myFunction()调用主页面中的函数;

    【讨论】:

      【解决方案3】:

      不,这是一个安全问题,您找不到解决办法。

      【讨论】:

        【解决方案4】:

        我听说你可以使用 jsonp 从另一个域获取信息,但我从未尝试过。

        你不能让父母做任何事情

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2011-07-08
          • 2014-05-20
          • 2011-05-08
          • 2011-02-09
          • 1970-01-01
          • 1970-01-01
          • 2010-11-24
          相关资源
          最近更新 更多