iframe通信postMessage发消息

最新推荐文章于 2024-04-11 09:10:42 发布

可乐与远方

最新推荐文章于 2024-04-11 09:10:42 发布

阅读量277

点赞数 1

分类专栏： iframe 文章标签：前端

本文链接：https://blog.csdn.net/kelezx/article/details/112478141

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>dslaj</p>
    <iframe src="./d.html" frameborder="0" id="iframe"></iframe>
  </body>
  <script>
    let iframe = document.getElementById("iframe").contentWindow;
    let meg = "我是发送的消息";
    document.querySelector("p").addEventListener("click", function () {
      iframe.postMessage(meg, "http://127.0.0.1:5500/");
    });
    setTimeout(function () {
      iframe.postMessage(meg, "http://127.0.0.1:5500/");
    }, 1000);
  </script>
</html>

接受消息

<!DOCTYPE html>
<html lang="en"&g

最低0.47元/天解锁文章

优惠劵

可乐与远方

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
iframe通信postMessage发消息

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> &lt
复制链接

扫一扫