iframe 完全跨域，就是不同域名不同伺服器之間的跨域?JS 如何做到

01-16

自己的頁面main.html想嵌套一個外部頁面，以iframe形式之類外部頁面，
是這樣的&&</iframe&>,</P>想在我的頁面就是main.html裡面獲取iframej裡面嵌套頁面（http://qq.com）的的高度，這個有辦法做到嗎？</p></blockquote> <p><center> <script src="/336-1.js"></script></center></p> <hr /><P>同一個 origin 下，父頁面可以通過 iframe.contentWindow 直接訪問 iframe 的全局變數、DOM 樹等，iframe 可以也通過 parent/top 對父頁面做同樣的事情。</P><P>不同 origin 下，標準的方法是通過 .postMessage() 互相通信，不標準的方法是利用 location.hash 等奇技淫巧。</P>協議、域名、埠號，共同決定一個 origin 。</P></p> <hr />小夫兄的回答非常全面，用過.postMessage()做過大型應用，是個不錯的選擇。</P></p> <p><center> <script src="/336-2.js"></script></center></p> <hr />你嵌入的那個頁面是你不能控制的話，或是別想了</P></p> <hr />再給你一個非常規的解決方案，在部署上做文章。用nginx做轉</P>假如你的網站http://www.a.com 裡面有個iframs 嵌入了http://www.b.com/b.html的頁面；</P>那麼你可以在nginx下的a域名下增加一個配置項目，新建一個節點b.html 然後指向到 http://www.b.com/b.html. </P>然後頁面上的引用地址則自動改為http://www.a.com/b.html 即可。</P></p> <p><center> <script src="/336-3.js"></script></center></p> <p>當然配置項，可以直接配置一個二級域名指向你引用地址，然後你就想怎麼玩就怎麼玩了</P></p> <hr /><P>iframe完全跨域解決方案：前端開發機器人_前端開發領域的最強大腦</P></P></p> <hr />如果內嵌的頁面裡邊能夠再內嵌一個你自己的頁面的話，很好解決。否則不容易</P></p> <hr />看看這個iframe跨域通信的通用解決方案iframe跨域通信的通用解決方案</P></p> <p><center> <script src="/336-4.js"></script></center></p> <p>我看了下，稍作了點改動，改成這個版本myCode/study-code/crossDomains/my-cross at master · LittleBearBond/myCode · GitHub</P></p> <hr /><span style="color:red"><i class="fa fa-paper-plane"></i></span> 推薦閱讀：</div> <p>※<a target=_blank href=/p20180111146453464/>前後端分離的情況下, 跨域問題有沒有好的解決方案?</a></p> <p>TAG:<a target=_blank href=/tag/前端開發/>前端開發</a> | <a target=_blank href=/tag/JavaScript/>JavaScript</a> | <a target=_blank href=/tag/iframe/>iframe</a> | <a target=_blank href=/tag/跨域/>跨域</a> | </p> <div class="at-below-post addthis_tool" data-url="https://www.getit01.com/p20180116536389687/"></div></div> <script src="/ce.js"></script> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <div id="footer"> <div class="copyright"> <p> 一點新知 <a href="https://www.getit01.com/"><strong> GetIt01 </strong></a> <div style="display:none"><script src="https://s13.cnzz.com/z_stat.php?id=1270562218&web_id=1270562218" language="JavaScript"></script></div> <br /> </p> </div> </div> </div>  <div id="tbox"> <a target="_blank" id="fb" href="https://www.facebook.com/sharer.php?u=https://www.getit01.com/p20180116536389687/"></a> </div> <script data-cfasync="false" type="text/javascript">if (window.addthis_product === undefined) { window.addthis_product = "wpp"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpp-6.1.1"; } if (window.wp_blog_version === undefined) { window.wp_blog_version = "4.8.22"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = {"data_track_clickback":true,"ignore_server_config":true,"ui_atversion":"300"}; } if (window.addthis_layers === undefined) { window.addthis_layers = {}; } if (window.addthis_layers_tools === undefined) { window.addthis_layers_tools = [{"share":{"counts":"each","numPreferredServices":5,"mobile":false,"position":"left","theme":"transparent"},"sharedock":{"counts":"each","numPreferredServices":5,"mobileButtonSize":"large","position":"bottom","theme":"transparent"}},{"sharetoolbox":{"numPreferredServices":5,"counts":"each","size":"32px","style":"fixed","shareCountThreshold":0,"elements":".addthis_inline_share_toolbox_vh9e,.at-above-post"}}]; } else { window.addthis_layers_tools.push({"share":{"counts":"each","numPreferredServices":5,"mobile":false,"position":"left","theme":"transparent"},"sharedock":{"counts":"each","numPreferredServices":5,"mobileButtonSize":"large","position":"bottom","theme":"transparent"}}); window.addthis_layers_tools.push({"sharetoolbox":{"numPreferredServices":5,"counts":"each","size":"32px","style":"fixed","shareCountThreshold":0,"elements":".addthis_inline_share_toolbox_vh9e,.at-above-post"}}); } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = {"info_status":"enabled","cms_name":"WordPress","plugin_name":"Share Buttons by AddThis","plugin_version":"6.1.1","plugin_mode":"WordPress","anonymous_profile_id":"wp-465109ee2f0e70a26b602727e258dac0","page_info":{"template":"posts","post_type":""},"sharing_enabled_on_post_via_metabox":false}; } (function() { var first_load_interval_id = setInterval(function () { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } },1000) }()); </script><script type='text/javascript' src='https://s7.addthis.com/js/300/addthis_widget.js?ver=4.8.22#pubid=wp-465109ee2f0e70a26b602727e258dac0'></script> <script type='text/javascript' src='https://www.getit01.com/wp-content/themes/Qu/js/loostrive.js?ver=1.0'></script> <script type='text/javascript' src='https://www.getit01.com/wp-includes/js/wp-embed.min.js?ver=4.8.22'></script> </body></html>