javascript - 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 .

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