html - postMessage 不工作

标签 html

我得到了这个 html5 代码:

这是索引:

<head>
    <meta charset="utf-8" >
</head>
<body onload="load();">
    <a href="popup.html" target="popup" onclick="window.open('','popup','toolbar=0,location=0,directories=0,status=yes,menubar=0,scrollbars=yes,resizable=yes,width=690,height=600,titlebar=yes')">Popup</a>
</body>
<script type="text/javascript" language="javascript">

    function load()
    {
        window.addEventListener("message", messageHandler, false);
    }

    function messageHandler(e) 
    {
        alert("OK");
    }
</script>

这是弹出窗口:

<html>
<head>
    <meta charset="utf-8" >
</head>
<body>
    <input type="button" value="Send" onclick="message();"/>
</body>
<script type="text/javascript" language="javascript">

    function message()
    {
        window.opener.postMessage('Hello, world', 'http://www.example.com/');
    }

</script>

但是从弹出窗口到打开器的帖子消息不起作用,我没有看到代码有任何问题,为什么不起作用?

最佳答案

你在本地运行吗?我认为您可能遇到了跨域问题。您是否在服务器上尝试过相同的代码?

关于html - postMessage 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12323571/

相关文章:

javascript - 如何获得 prev() 而不仅仅是 sibling

javascript - 如何使用insertCell()添加数据列?

html - 添加文本时停止 div 向下移动

css - chrome - 可编辑的 div - 单词中间的换行符?

javascript - 如何将文本区域中的空格或换行符转换为逗号分隔的 PHP 数组

javascript - 包含图像的 div 的 scrollHeight 值

html - Youtube 背景在 <body> 中拉伸(stretch)到高度和宽度

javascript - 如何将来自不同 src 位置的图像与单击的缩略图图像调用到单独的 div 上?

javascript - 如何让 HTML 控件位于同一行而不堆叠在一起

javascript - ul Tags> li 我要获取标签个数