jquery - 错误: Permission denied to access property 'document' in iFrame

Question

我有一个父 html 页面，它使用 jquery 附加一个动态 iframe，该 iframe 具有另一个域的源。我已经设置了 X-Frame-Options 来允许这样做，并且加载纯内容不是问题。事实上，我所有其他脚本似乎都工作正常。

在 iFrame 中加载的 html 页面使用 jQuery DirtyForms plugin其中有几行看起来像$(document)。脏表单代码和 jQuery 脚本都位于 iframe 文档的本地。

当执行任何这些行时，我在 Firefox 中收到以下错误(我没有测试任何其他浏览器)，错误:访问属性“文档”的权限被拒绝。

我一直在阅读这一点，如果父页面试图访问子页面的脚本，这似乎是一个问题，反之亦然，但就我而言，出错的脚本是子页面的本地脚本。

顺便说一句。当子代码未加载到 iFrame 中时，它可以完美运行。

我现在找不到解决方法。

我假设 $(document) 以某种方式被评估为父级。

有什么方法可以纠正这种行为吗？也许通过修改插件代码。也许，$(document).find('contentWindow')...??

非常感谢您的帮助!谢谢。

Answer 1

那么你无法访问它..现在的问题是为什么？

为此，只需浏览以下链接

Permission denied to access property 'document'

Error: Permission denied to access property 'document'

在你的情况下，如果你想在页面加载时执行任何操作，那么最好使用下面的 IFrame 代码

 <iframe ........ onload='yourFunction( this )'>