iframe高度自適應（同域）

       今天解決了iframe高度自適應的問題，不過這隻是同域下的頁面嵌入，以下是代碼：

function SetCwinHeight(){

          var iframeid = document.getElementById("frame");   //frame是iframe的id

          if (document.getElementById) {
            if (iframeid && !window.opera) {
               if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {

                  iframeid.height = iframeid.contentDocument.body.offsetHeight;

               }else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
                  
                  iframeid.height = iframeid.Document.body.scrollHeight;
                  
               }
            }
          } 

        iframe嵌入頁面時需要等待它完全載入完後才可以調用SetCwinHeight()，所以當修改iframe里的src值時，也需要等待修改的頁面完全嵌入後才可以調用SetCwinHeight()，這樣才有效果，那麼該怎麼放置SetCwinHeight()，我的解決方法是在iframe標簽里直接調用，即這樣寫 <iframe onload = "SetCwinHeight();"></iframe>，但是這樣的的話會污染了html環境，可是在js中一般只用一次window.onload = function(){}，如果使用多次，後面的會覆蓋前面的，所以目前為止我能想到的解決方法就這一個，如果園友有更好的方法，請在評論區回覆，大家一起學習。

      當嵌入頁面修改時，iframe的高度也需要調整，當我在js文件直接這樣window.onload = function(){SetCwinHeight();}調用SetCwinHeight()時，只有刷新整個頁面才可以自適應高度，如果修改了iframe的src，iframe的高度還是前一個頁面的高度，當前頁面的高度無法自適應，一開始我以為是SetCwinHeight()寫錯了，但是當刷新整個頁面時，當前頁面又可以自適應了，在遇到這個問題之後，我的焦急毛病又出現了，總是沒有分析問題就急急忙忙的去查找有關於問題的解決方法，然後查出來的又文不對題，這樣反反覆復，不僅浪費了時間，還使得自己的心情特別煩躁，這樣的話工作就無法再進展下去。通過了這次的工作明白了自己的毛病，在休息了一會後，重新靜下心來整理思路，然後分析出現的問題，程式如何運行，點擊後程式運行的步驟又是什麼，分析完後再看看是哪一步出錯了，為什麼會出錯，像這次出現的錯誤，並不是程式寫錯了，而是程式運行的步驟出錯了，整個頁面刷新後就可以實現效果，但是修改src後又沒有效果了，而window.onload = function(){}這一步是等待頁面完全載入完後才執行，那麼應該就是載入的問題了，所以需要等待頁面載入完後才可以調用SetCwinHeight()，通過這樣的分析，最後終於將問題解決了，經過這次，我一定要改掉急躁這個毛病，應該在遇到問題後，先分析問題和思考解決方法，如果自己解決不了再去查找相應的解決方法。這樣就不會浪費時間和精力了。