未捕获的SecurityError:阻止原点为“null”的帧访问原点为“null”的帧。协议、域和端口必须匹配

Question

我在我的页面上设置了一个iFramework，并使用下面的脚本来删除双导航栏。它在任何浏览器上都能很好地工作，但在Chrome上不起作用，它显示了双垂直导航栏！

function calcHeight() {
    //find the height of the internal page
    var the_height = document.getElementById('the_iframe').contentWindow.
                     document.body.scrollHeight;

    //change the height of the iframe
    document.getElementById('the_iframe').height = (the_height + 30) +"px";
}

我在Chrome收到2个错误消息：

>

第一条错误消息：

未捕获的安全错误：阻止源为“null”的帧访问源为“null”的帧。协议、域和端口必须匹配。

它指出了以下错误：

var the_height = document.getElementById('the_iframe').contentWindow.
                 document.body.scrollHeight;

第二个错误消息，它位于jquery-1.10.2.js：

未捕获的SecurityError:无法从“HTMLIFrameElement”中读取“contentDocument”属性:阻止原点为“null”的帧访问原点为“null”的帧。协议、域和端口必须匹配。

它指出了以下位置的错误信息:

elem.contentDocument || elem.contentWindow.document : 

Answer 1

您可以尝试添加＜code＞文档。domain='yourdomain。com“到您的页面

Answer 2

尝试在您的机器上设置一个服务器，并从那里测试您的页面，而不是在您的本地文件系统上。

如果你有Python 2，做python-m简单HTTPServer[port]
在Python 3中，做python-mhttp.server[port]
这将在localhost：[port]上设置服务器。然后启动浏览器并导航到您的页面，看看问题是否消失了。