iframe高度自适应

我在网页里使用input作为标签，当点击不同的标签时会用iframe显示不同的网页内容，但是使用下面的方法时只有第一次加载时，默认的标签可以自适应高度，再点击其他的标签就不起作用了，请大家指教一下。

JS代码如下：

<script type="text/javascript">
  var myclick = function(v) {
    var llis = document.getElementsByTagName("input");
        for(var i = 0; i < llis.length; i++) {
              var lli = llis[i];
                  if(lli == document.getElementById("tab" + v)) {
                    lli.style.backgroundColor = "#EFEFEF";
                  } else {
                    lli.style.backgroundColor = "#909EAB";
                  }
        }
    var divs = document.getElementsByClassName("tab_css");
        for(var i = 0; i < divs.length; i++) {
              var divv = divs[i];
                  if(divv == document.getElementById("tab" + v + "_content")) {
                    divv.style.display = "block";
                  } else {
                    divv.style.display = "none";
                  }
        }
  }
</script>

<!-- iframe高度自适应 -->
<script language="javascript"> 
    function SetWinHeight(obj) { 
          var win=obj; 
          if (document.getElementById) 
          { 
          if (win && !window.opera) 
          { 
            if (win.contentDocument && win.contentDocument.body.offsetHeight)
              win.height = win.contentDocument.body.offsetHeight; 
            else if(win.Document && win.Document.body.scrollHeight) 
              win.height = win.Document.body.scrollHeight; 
          } 
          } 
        }
</script>

Body代码如下：

<table width="1300" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <div id="content">
                    <div id="tab_bar">
                        <input type="button" id="tab1" onclick="myclick(1)" class="tabStyle" value="全部" style="background-color: #EFEFEF">
                        <input type="button" id="tab2" onclick="myclick(2)" class="tabStyle" value="标签1">
                        <input type="button" id="tab3" onclick="myclick(3)" class="tabStyle" value="标签2">
                        <input type="button" id="tab4" onclick="myclick(4)" class="tabStyle" value="标签3">
                        <input type="button" id="tab5" onclick="myclick(5)" class="tabStyle" value="标签4">
                        <input type="button" id="tab6" onclick="myclick(6)" class="tabStyle" value="标签5">
                    </div>
      
            
                    <div class="tab_css" id="tab1_content" style="display: block">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage1.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage2.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage3.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage4.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage5.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                    <div class="tab_css" id="tab2_content">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage1.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                    <div class="tab_css" id="tab3_content">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage2.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                    <div class="tab_css" id="tab4_content">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage3.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                    <div class="tab_css" id="tab5_content">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage4.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                    <div class="tab_css" id="tab6_content">
                        <div><iframe width="100%" scrolling="no" frameborder="0" src="TabPage/TabPage5.html" onload="Javascript:SetWinHeight(this)"></iframe></div>
                    </div>
                </div>
        
            </td>
        </tr>
    </table>