0

如果加载时带有源子域的iframe标签已经在文档中,IE9可以访问它,但是如果在文档中插入相同的iframe,IE9就无法访问它(所有其他浏览器都可以)。请参阅下面的代码片段。

这是正常的 IE9 行为还是可以以某种方式修复?谷歌这次没有帮助,所以我非常感谢你在这里的帮助。

这适用于 Internet Explorer 9 和所有其他浏览器

example.com 中的主要文件:

<div class="container">
    <iframe src="sub.example.com/index.html"></iframe>
</div>
<script>
    document.domain = 'example.com';
    var frame = $('iframe', 'container')
        , el = frame.contents().find('div.hello'); // usually returns 1 element
    if (el.length > 0)
        el.html('Hello'); // sets div content in iframe
    else // sometimes it gets here, if script runs before iframe loads
        frame.on('load', function(){
            el = frame.contents().find('div.hello'); // works if the 1st one fails
            el.html('Hello');
        });
</script>

子域中的文档 (sub.example.com/index.html):

<script>document.domain = 'example.com'</script>
<div class="hello"></div>

这适用于所有浏览器,但不适用于 IE9(错误:访问被拒绝)

example.com 中的主要文件:

<div class="container"></div>
<script>
    $('div.container').html('<iframe src="sub.example.com/index.html"></iframe>');
    document.domain = 'example.com';
    var frame = $('iframe', 'container')
        , el = frame.contents().find('div.hello'); // throws error

    // ...
</script>

子域中的文档是相同的。

在实际代码中,.container 的内容是由模板函数生成的,因此使用 .html() 将其作为简单文本插入,如示例中所示。

感谢您为使第二个案例在 IE 中工作的任何帮助。

4

1 回答 1

0

发生错误是因为在第二种情况下,设置框架的 document.domain 的脚本在框架的加载事件触发后执行。将代码放在 frame.ready() 中并没有帮助 - 在脚本执行之前框架就准备好了。它在所有浏览器中都会发生这种情况,但由于某种原因只会在 IE 中导致错误。

因此,当前的解决方案实际上是一种 hack - 帧准备就绪后 100 毫秒超时,以便帧内的脚本在访问帧之前执行。

于 2013-03-17T17:16:57.337 回答