跨源错误

Question

在网站上嵌入iframe

<iframe src="iframe.html" id="myIFrame" onload="frameOnload()"></iframe>
...
<script>
...
var abc = window.document.getElementById("myIFrame").contentWindow
...
</script>

我在行

上收到错误Permission denied to access property "document" on cross-origin object

var abc = window.document.getElementById("myIFrame").contentWindow

即使iframe与父网站位于同一个域（＆＃34; localhost＆＃34;）上也是如此。 为了使代码正常工作，我必须在iframe脚本标记中明确设置iframe域，如window.document.domain = "localhost"。

我的问题是，为什么我们要明确设置iframe域，而父网站和iframe本身位于同一个域中？