Spotlight_mar 2016-11-04 13:01 采纳率: 62.1%
浏览 2670
已采纳

js,为什么这个postMessage无法向另一个网页发送信息

程序目标:点击“打开副本网页”按钮,然后点击“发送信息”向打开的网页发送信息,新开的网页监听并输出接收的信息。两个页面在同个文件夹下

网页1

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>主页</title>
</head>
<body>
    <button class="open-copy">打开副本网页</button>
    <button class="send-msg">发送信息</button>

    <script type="text/javascript">
        var openCopy = document.getElementsByClassName("open-copy")[0];
        var sendMsg = document.getElementsByClassName("send-msg")[0];
        openCopy.onclick = function(){
            newPage = window.open("practice2.html");
        };
        sendMsg.onclick = function(){
            newPage.postMessage("nihao","practice2.html");
        }

    </script>
</body>
</html>

网页2

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>副本</title>
</head>
<body>
    <button class="get-msg">接收打印信息</button>

    <script type="text/javascript">
        var getMsg = document.getElementsByClassName("get-msg")[0];
        window.addEventListener("message",function(e){
            newMsg = document.write(e.data);
            getMsg.onclick = function(){
                console.log(e.data);
            }
        },false);
    </script>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-11-04 13:21
    关注

    要发布网站后通过http来测试,本地file测试不了。。设置不了目标参数,设置文件名无效,需要域名

    newPage.postMessage("nihao","http://域名或者ip地址");

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致