码上欢乐
首页
榜单
标签
关于
搜索
文章详情
原文：
框架通过postMessage进行不同页面间的数据传递</a></h3> <p>最近做项目的时候使用arcgis api的popup与echarts图表相结合展示，然而由于popup属于动态生成，生成时间点无法获取，导致echarts无法绑定至popup中 不论是promise.then 方法，还是创建div时使用createElement 方法，都无法生效。setTimeout 方法应该可以，暂还未尝试 。因此，在popup中使用了 lt iframe gt 框架来获取其他 ...</p> <p> <i class="icon-time"></i> <span>2019-07-04 10:06</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>564</span> 推荐指数： <i class="icon-star" title="1.4114"></i> </p> <p><a class="btn btn-warning btn-primary" href="/blog/a9d66a1.html">查看详情</a></p> </div> <div class="page-header"><h3><small><i class="icon-list"></i>相关推荐</small></h3></div> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/a3d6761.html" target="_blank">利用 <B>postMessage</B> <B>进行数据传递</B> （<B>iframe</B> 及web worker）及问题</a> <p class="post-item-summary"> 一 <B>postMessage</B>应用于主<B>页面</B>和<B>iframe</B>之间<B>进行数据</B>的<B>传递</B> 1 子<B>iframe</B><B>页面</B>向主<B>页面</B><B>进行数据传递</B>； // 多个子<B>iframe</B>需要将自己的计数统计到主<B>页面</B><B>进行数据</B>上报 window.parent.<B>postMessage</B>({ count:count ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Sat Apr 20 01:19:00 CST 2019</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>1754</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/b4729c1.html" target="_blank">window.<B>postMessage</B> 在<B>iframe</B>父子<B>页面</B><B>数据传</B>输</a> <p class="post-item-summary"> 介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/<B>postMessage</B> window.<B>postMessage</B> 发送方 接收 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Sat Nov 09 22:47:00 CST 2019</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>1835</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/8bd8f51.html" target="_blank">vue引入<B>iframe</B>的父子<B>页面</B>的<B>数据传递</B></a> <p class="post-item-summary"> 父<B>页面</B> <template> <div> <<B>iframe</B> id="color" :src="`http://www.php.com/1.html?id=${this.assid}&access_tokin ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Mon Jun 11 07:33:00 CST 2018</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>7315</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/8fa6431.html" target="_blank">js实现Html<B>页面</B><B>间</B>跳转之<B>数据传递</B></a> <p class="post-item-summary"> 1、<B>页面</B><B>数据传递</B>需要引入一个js文件，代码 2、<B>页面</B>1 3、<B>页面</B>2 简单测试一下，完全正确，感谢愤怒的火柴写的js代码！！！！ 原文链接：https://blog.csdn.net/caoyuan10036/article ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Fri Aug 03 23:06:00 CST 2018</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>4873</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/783b0e1.html" target="_blank">HTML5中window.<B>postMessage</B>，在两个<B>页面</B>之间的<B>数据传递</B></a> <p class="post-item-summary"> HTML5中window.<B>postMessage</B>，在两个<B>页面</B>之间的<B>数据传递</B> 2015年11月3日 8536次浏览 关于<B>postMessage</B> window.<B>postMessage</B>虽然说是html5的功能，但是支持IE8+，假如你的网站不需要支持IE6和IE7，那么可以使 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Wed Nov 22 23:33:00 CST 2017</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>1454</span> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/a5af861.html" target="_blank">vue 给嵌套的<B>iframe</B>子<B>页面</B>传<B>数据</B> <B>postMessage</B></a> <p class="post-item-summary"> Vue组件下嵌套了一个不同域下的子<B>页面</B>，<B>iframe</B>子<B>页面</B>不能直接获取到父<B>页面</B>的<B>数据</B>，即使<B>数据</B>存在localStorage中，子<B>页面</B>一样是获取不到的，所以只好使用<B>postMessage</B>传<B>数据</B>： <<B>iframe</B> src="http://127.0.0.1:8888/index.html ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Tue May 14 02:53:00 CST 2019</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>3071</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/703b0a1.html" target="_blank">Express<B>框架</B>与html之间如何<B>进行数据传递</B></a> <p class="post-item-summary"> 关于Node.js 的Express<B>框架</B>介绍，推荐看菜鸟教程的Express<B>框架</B>，很适合入门，这里不再赘述，这里主要讲一下Express<B>框架</B>与html之间如何<B>进行数据传递</B> 我采用的是JQuery的Ajax()向后台传参方式 （url传参） 一、首先先讲一下jQuery的Ajax()向后台传参 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Mon Aug 14 06:00:00 CST 2017</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>2663</span> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/91451d1.html" target="_blank"><B>PostMessage</B>实现多窗口之间的<B>数据传递</B></a> <p class="post-item-summary"> 【本文参考自网络，参考地址：https://blog.csdn.net/lsyyoyo/article/details/38726419】 1、在公共的头文件中添加一个宏定义： #define WM_TEST WM_USER+101 //用户消息 用来绑定<B>PostMessage</B>和自定义 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Thu Aug 23 05:10:00 CST 2018</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>898</span> <i class="icon-star"></i> </footer> </div> </article> </div> </div> <div class="span4 left_content"> <div class="page-header"><h3><small><i class="icon-tag"></i>相关标签</small></h3></div> <ul class="nav nav-pills"> <li class="tag-item"><a class="btn-link" href='/tag/数据库' target="_blank">数据库(4081)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(2761)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(2417)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/mysql' target="_blank">mysql(2399)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(2393)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(2198)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(1964)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(1744)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/MySQL' target="_blank">MySQL(1708)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Oracle' target="_blank">Oracle(1286)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(1276)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/大数据' target="_blank">大数据(1266)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/SQL' target="_blank">SQL(1125)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/数据结构' target="_blank">数据结构(1122)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(1061)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(1044)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(994)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/PHP' target="_blank">PHP(987)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(851)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/oracle' target="_blank">oracle(841)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Mysql' target="_blank">Mysql(822)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(818)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(796)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/php' target="_blank">php(786)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/机器学习' target="_blank">机器学习(688)</a></li> </ul> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a> </span><span>© 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250622"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
