Question

我在页面上设置了iframe，并使用下面的脚本删除了双导航栏。它适用于任何浏览器，但在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条错误消息：

第一条错误消息：

Uncaught SecurityError：阻止了一个包含起源的帧＆＃34; null＆＃34;从访问带有原点＆＃34; null＆＃34;的框架。协议，域和端口必须匹配。

并指出错误：
```
var the_height = document.getElementById('the_iframe').contentWindow.
                 document.body.scrollHeight;
```
第二条错误消息，它位于jquery-1.10.2.js：

Uncaught SecurityError：无法阅读＆＃39; contentDocument＆＃39;属性来自＆＃39; HTMLIFrameElement＆＃39;：使用origin＆＃34; null＆＃34;阻止了一个框架从访问带有原点＆＃34; null＆＃34;的框架。协议，域和端口必须匹配。

它指出错误消息：
```
elem.contentDocument || elem.contentWindow.document : 
```

Answer 1

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

如果您有Python 2，请执行python -m SimpleHTTPServer [port]
在Python 3中，执行python -m http.server [port]
这将在localhost:[port]上设置服务器。然后启动浏览器并导航到您的页面，看看问题是否消失。

Answer 2

您可以尝试将document.domain = 'yourdomain.com'添加到您的页面

未捕获的SecurityError：使用origin＆＃34; null＆＃34;阻止了一个帧。从访问带有原点＆＃34; null＆＃34;的框架。协议，域和端口必须匹配

2 个答案: