碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
文章詳情
原文：
框架通過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> &lt;template&gt; &lt;div&gt; &lt;<B>iframe</B> id="color" :src="`http://www.php.com/1.html?id=${this.assid}&amp;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>： &lt;<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">&nbsp;</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>&nbsp;&nbsp;</span><span>&copy; 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250601"></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?c81b3b98809d882ddda9a802d3778cf4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
