iframe contentWindow无效

Question

<script>
function getDef() {
    document.getElementById("defCanvas").innerHTML=document.getElementById("invisibleDefFrame").contentWindow.document.getElementsByClassName("def-content")[0].innerText;
}
</script>
<button onclick="getDef();">Get Definition</button>
<iframe style="display:none;" id="invisibleDefFrame" src="http://dictionary.reference.com/browse/amalgamation?s=t"></iframe>
<p id="defCanvas"></p>

这是我的程序代码，应返回单词的定义，但不执行任何操作。我该怎么做才能解决这个问题？感谢。

Answer 1

由于跨域安全性，我怀疑您无法通过Javascript从您自己的页面中访问该iframe的HTML。

请参阅this previous answer。

我相信，做你想做的事情的唯一方法 - 从另一个网站刮取结果并自己显示 - 是通过你自己的网络服务器发出请求，解析结果并将其呈现给用户

Answer 2

您无法以这种方式访问​​iframe！

你会得到一个 Uncaught SecurityError：阻止一个有原点的框架

阅读详细answer