Question

我有这个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>

但是从弹出窗口到开启者的帖子消息不起作用，我没有看到代码有什么问题，为什么不工作？

Answer 1

你在本地跑吗？我想你可能遇到了跨域问题。您是否在服务器上尝试过相同的代码？

postMessage不起作用

1 个答案: