欢迎您访问电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
您现在的位置是：首页 > 编程 > 

H5 postMessage跨文档消息传递

2025-07-28 09:15:01
H5 postMessage跨文档消息传递 父页面代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <frameset cols="40%,60%"> <frame src="a.html" /> <frame src="b.

H5 postMessage跨文档消息传递

父页面

代码语言：javascript代码运行次数：0运行复制
<!DOCTYPE html>
<html>
  <frameset cols="40%,60%">
    <frame src="a.html" />
    <frame src="b.html" />
  </frameset>
</html>

包含的两个子页面a.html

代码语言：javascript代码运行次数：0运行复制
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.8..min.js"></script>
  </head>
  <body>
    <form>
      <input type="text" required="required" autofocus="autofocus" /><br />
      <input type="submit" value="提交" id="btn"/>
    </form>
    <script>
      $("#btn").click(function(){
        var message=$("input[type='text']").val();
        window.parent.frames[1].postMessage(message,'*');
      });
    </script>
  </body>
</html>

包含b.html页面

代码语言：javascript代码运行次数：0运行复制
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.8..min.js"></script>
  </head>
  <body>
    <div id="message">尚未收到消息哦</div>
    <script>
      var msgHandle=function(e){
        $("#message").html("信息："+e.data);
      }
      if(window.addEventListener){
        window.addEventListener("message",msgHandle,false);
      }else if(window.attachEvent){
        window.attachEvent('onmessage',msgHandle);
      }
    </script>
  </body>
</html>
H5 postMessage跨文档消息传递_jquery
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2022-0-09，如有侵权请联系 cloudcommunity@tencent 删除scriptsrcwindowhtmlmessage

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址：http://www.dnpztj.cn/biancheng/1256013.html

相关标签：无
上传时间： 2025-07-28 02:28:31

上一篇：设置SpringMVC默认首页启动

下一篇：【实验笔记】麒麟系统 —— 基于kxrywins安装Windows软件（.exe程序）

推荐阅读

留言与评论（共有 17 条评论）
注册新账号 登录
本站网友 玉足阁
23分钟前 发表
msgHandle); } </script> </body> </html>H5 postMessage跨文档消息传递_jquery本文参与 腾讯云自媒体同步曝光计划
本站网友 擎天半岛
16分钟前 发表
如有侵权请联系 cloudcommunity@tencent 删除前往查看scriptsrcwindowhtmlmessage
本站网友 刘湘云
16分钟前 发表
60%"> <frame src="a.html" /> <frame src="b.html" /> </frameset> </html>包含的两个子页面a.html代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8..min.js"></script> </head> <body> <form> <input type="text" required="required" autofocus="autofocus" /><br /> <input type="submit" value="提交" id="btn"/> </form> <script> $("#btn").click(function(){ var message=$("input[type='text']").val(); window.parent.frames[1].postMessage(message
本站网友 核能源
16分钟前 发表
'*'); }); </script> </body> </html>包含b.html页面代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8..min.js"></script> </head> <body> <div id="message">尚未收到消息哦</div> <script> var msgHandle=function(e){ $("#message").html("信息："+e.data); } if(window.addEventListener){ window.addEventListener("message"
本站网友 链家房地产
24分钟前 发表
msgHandle); } </script> </body> </html>H5 postMessage跨文档消息传递_jquery本文参与 腾讯云自媒体同步曝光计划
本站网友 amazons3
17分钟前 发表
false); }else if(window.attachEvent){ window.attachEvent('onmessage'
本站网友 郑州骨科医院排名
7分钟前 发表
false); }else if(window.attachEvent){ window.attachEvent('onmessage'
本站网友 琼瑶博客
1分钟前 发表
分享自作者个人站点/博客
本站网友 供应链融资
10分钟前 发表
msgHandle
本站网友 我们等待那一天
1分钟前 发表
'*'); }); </script> </body> </html>包含b.html页面代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8..min.js"></script> </head> <body> <div id="message">尚未收到消息哦</div> <script> var msgHandle=function(e){ $("#message").html("信息："+e.data); } if(window.addEventListener){ window.addEventListener("message"
本站网友 孚特拉
23分钟前 发表
'*'); }); </script> </body> </html>包含b.html页面代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8..min.js"></script> </head> <body> <div id="message">尚未收到消息哦</div> <script> var msgHandle=function(e){ $("#message").html("信息："+e.data); } if(window.addEventListener){ window.addEventListener("message"
本站网友 白殿风治疗
23分钟前 发表
60%"> <frame src="a.html" /> <frame src="b.html" /> </frameset> </html>包含的两个子页面a.html代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8..min.js"></script> </head> <body> <form> <input type="text" required="required" autofocus="autofocus" /><br /> <input type="submit" value="提交" id="btn"/> </form> <script> $("#btn").click(function(){ var message=$("input[type='text']").val(); window.parent.frames[1].postMessage(message
本站网友 人之初论坛
30分钟前 发表
false); }else if(window.attachEvent){ window.attachEvent('onmessage'
本站网友 煤矿事故
16分钟前 发表
分享自作者个人站点/博客
本站网友 鼠标右键菜单管理
4分钟前 发表
如有侵权请联系 cloudcommunity@tencent 删除前往查看scriptsrcwindowhtmlmessage
本站网友 抢票助手
14分钟前 发表
原始发表：2022-0-09