为什么html5 postMessage对我不起作用？
|
我使用几行JavaScript创建iframe元素，然后向其发送一条消息，如下所示：
function loadiframe (callback) {
var body = document.getElementsByTagName(\'body\')[0];
var iframe = document.createElement(\'iframe\');
iframe.id = \'iframe\';
iframe.seamless = \'seamless\';
iframe.src = \'http://localhost:3000/iframe.html\';
body.appendChild(iframe);
callback();
}
loadiframe(function() {
cpframe = document.getElementById(\'iframe\').contentWindow;
cpframe.postMessage(\'please get this message\',\'http://localhost:3000\');
console.log(\'posted\');
})
<!DOCTYPE html>
<html>
<head>
<title>does not work</title>
<script>
window.addEventListener(\"message\", receiveMessage, false);
function receiveMessage(event) {
if (event.origin == \"http://localhost:3000\") {
document.write(JSON.stringify(event));
document.write(typeof event);
}
}
</script>
</head>
<body>
</body>
</html>
没有找到相关结果
已邀请:
1 个回复
捕暑句簿姓
-在事件中尝试或在中进行 我从来没有设法使ѭ5与其他以“ *”为源的东西一起工作。如果我在其中放置URL，则会收到安全警告\“安全错误：http：// xxx /上的内容可能无法从http：// yyy / \加载数据”，只有在错误控制台中才能这样做（Ctrl + Shift + J）不在任何其他地方。我怀疑还有一些其他的东西需要在某个地方设置才能起作用，但是我还没有弄清楚是什么。 这是一个jsfiddle，其代码的经过稍微修改的版本从我的域中加载了文档，并在Firefox和Chrome中对我有效。