iframe 自適應高度也就是說基于界面美觀和交互的考慮，很好的隱藏了iframe的border和scrollbar，讓人看不出它是個iframe。iframe 自適應高度如說是始終都調用同一個固定高度的頁面，我們直接寫死iframe高度就可以了。而如果iframe要切換頁面，或者被包含頁面要做DOM動態操作，這時候，就需要程序去同步iframe高度和被包含頁的實際高度了。如果iframe的高度沒有確定，那將是初始的高度。iframe是網頁中的一部分，其大小還要受到網頁的限制，設置最高可以使用height="100%"。基本上解決iframe超出的高度都是增加了滾動條來實現的，很簡單，如果你iframe中的信息超出了一屏幕，你就必須使用滾動條了。開始用的時候還不行，后來發現是因為js跨域問題，沒有權限。后來設置了window.document.domain 就可以了，用的是jquery代碼2方法。

iframe跨域通信實現其高度自適應解決方案

1、通過 JavaScript獲取 iframe 的內容高度。設置 iframe 的告訴和內容高度相同。這種方案在同域的情況下百試不爽，但是缺點是在跨域的情況下，卻無能為力。

2、在 iframe 里面引入一段 js，通過 js 實時檢測 iframe 內容的高度，發送到服務器。嵌入 iframe 的頁面不停的從服務器獲取傳過來的 iframe 的高度，并設置。這種方案，確實可以解決問題，但是卻有些令人不爽的地方。不停的向服務器發送數據，增加量服務器的負擔。Javasript 不停的請求服務器，獲取新的高度。這種不停的輪詢，也確實讓人蛋疼。

3、在上面的基礎上如果能避開服務器，不失為是一種好方法，但是如何才能避開服務器呢?