1

我上传了一个包含以下部分的 HTML：

<script>
window.onload = function(){
  window.addEventListener('message', receiver, false);
}

function receiver(event) {
  if (event.origin == 'http://documentA.com') {
    if (event.data == 'Hello B') {
      //event.source.postMessage('Hello A, how are you?', event.origin);
      alert("Recognized.");
    } else {
      //alert(event.data);
      alert("Unrecognized!");
    }
  }
}
</script>

该文档是可访问的，我可以在浏览器中查看它。然后，我使用 FireBug 打开一个控制台窗口并输入以下调用（如Wikipedia中所述）。

window.postMessage("12345", "http://server:port/Index4.htm");

结果我变得不确定，坦率地说，我不知道这是好事还是坏事。可能很糟糕，特别是因为我没有看到任何警报。该怎么办？

4

1 回答 1

0

首先：

您必须将消息发布到 iframe。尝试使用：

document.getElementById("yourIFrameID").contentWindow.postMessage()

我在 Opera Dragonfly、Firebug 和 IE9 中执行了以下操作，并且没有问题：

//Add iframe: <iframe id="teest" src="http://www.dict.cc/?s=annahme">
var frame = document.getElementById("teest")

切换到 iframe 上下文：

//Add event listener
window.addEventListener("message", function(ev){ console.log(ev.data); }, false);

回到顶部上下文，发送一些东西：

frame.contentWindow.postMessage("foo", "http://www.dict.cc")
//Works. console: "foo"
frame.contentWindow.postMessage("foo", "http://www.dict.cc:80")
//Works. console: "foo"
frame.contentWindow.postMessage("foo", "http://www.dict.cc/?s=annahme")
//Works. console: "foo"
frame.contentWindow.postMessage("foo", "http://dict.cc/?s=annahme")
//Does NOT work. console: Nothing Happened

因此，如果您忘记将正确的子域添加到第二个参数，或者您访问“https”页面但字符串中有“http”，我会看到困难。
尝试删除if事件处理程序中的所有 ' 并在使用之前打印出你得到的内容if（或者更好地使用 Firebug 或 Dragonfly 进行检查）

于 2012-11-27T09:14:52.990 回答