$（window）.height（）在IE9上失敗

Question

對不起，我不確定這裏是否適合問這個問題。但是這個問題困擾了我很長一段時間。 我試圖使用$(window).height()來獲得整個頁面的可見區域高度。我在幾乎所有的瀏覽器上都能正常工作，但在IE9下它的行爲很奇怪，並且它是兼容模式。當我拖動瀏覽器窗口的邊框並嘗試調整它的大小時，即使我嘗試製作窗口，$(window).height()的值也變得越來越大小。

我嘗試了一些其他方法，如document.documentElement.scrollHeight，但它仍然沒有按照我的預期行事。

接下來我該做什麼？

UPDATE

function ContentAutoFit() { 
    var headerh=$(".ui-accordion-header").height(); 
    var windH=$(window).height(); 
    if(window.navigator.userAgent.indexOf("MSIE")>0){ 
     windH=document.clientHeight; 
    } 
    var nav=$(".ui-tabs-nav").height()+30; 
    $("#divPageContent").height(windH - nav); 
    $(".ui-tabs-panel").height($("#divPageContent").height() - ($("#tabs ul").height() + 5)); 
    $("#accordion").height($("#tabs").height()+8); 
    $("#accordion").width($("#divPageContent").width()/5); 
    $(".ui-accordion-content").height($("#accordion").height()-((headerh+3)*4)); 
//$("#accordion").accordion(); 
//$("#accordion").accordion("resize"); 
} 


<div class="StartBar" id="divStBar"> 
     <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> 
      <tr> 
       <td style="width:25px"><img src="images/slogo2.png" alt="" style="position:relative; top:-2px"></td> 
       <td align="right" valign="middle"> 
        <div id="divStartMeenu" style=" padding-right: 10px"> 
         <ul id="ulStartMenu"> 

          <li><a href="javascript:ShowNewThreads()" id="aMsgTip"><span id="divMsgTip"></span></a></li> 
          <li><input name="" onChange="SetStaus()" id="txStaus" type="text" title="What're you doing?"></li> 
          <li><a href="logout">log out</a></li> 
          <li><span id="spUserName" style="color:#212121"></span></li> 
         </ul> 
        </div> 
       </td> 
      </tr> 
     </table> 
    </div> 
    <div id="divPageContent" style="width: 100%; "> 
     <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" vertical-align:top"> 
      <tr> 
       <td style=" vertical-align:top; width: 20%"> 
        <div id="accordion" style=" height: 100%; width: 100%; padding-top:10px; padding-left: 10px"> 
         <h3><a href="#">topic</a></h3> 
         <div> 
          <ul> 
           <li><a href="javascript:addTab('/child/NewThread.html')">Open new topic</a></li> 
           <li><a href="javascript:addTab('/child/ViewThreadList.html#mine')">My topic</a></li> 
           <li><a href="javascript:addTab('/child/ViewThreadList.html#invited')">Joined topic</a></li> 
           <li><a href="javascript:addTab('/child/ViewThreadList.html#replied')">Referred topic</a></li> 
           <li>&nbsp;</li> 
           <li><a href="javascript:addTab('/child/ViewThreadListByTagSearch.html')">Search By Tag</a></li> 
          </ul> 
         </div> 
         <h3><a href="#">Contacts</a></h3> 
         <div> 
          <ul id="ulContactList"> 
           <li>Loading</li> 
          </ul> 
         </div> 
         <h3><a href="#">Status</a></h3> 
         <div> 
          <ul id="ulServiceStaus"> 
           <li>Loading</li> 
          </ul> 
         </div> 
         <h3><a href="#">Edit</a></h3> 
         <div> 
          <ul> 
           <li><a href="javascript:LoadServiceTab();">External Service</a></li> 
           <li><a href="javascript:addTab('/child/ManageContacts.html')">Contacts</a></li> 
           <li><a href="javascript:addTab('/child/ManageMyInfo.html')">My profile</a></li> 
          </ul> 
         </div> 
        </div> 

       </td> 
       <td style=" vertical-align:top"> 
        <div id="tabs" style="height: 100%; margin: 10px; margin-bottom: 0px"> 
         <ul> 

          <li><a href="#tabs-1">What's new</a></li> 
         </ul> 
         <div id="tabs-1"> 
          <iframe marginwidth='0' framespacing='0' marginheight='0' frameborder='0' width='100%' height='100%' src='/child/WhatzNew.html' />" 
         </div> 
        </div> 
       </td> 
      </tr> 

     </table> 
    </div> 

Answer 1

始終使用：

$(window).innerHeight(); 

height()功能不支持IE。但innerHeight()是跨瀏覽器兼容的。

也爲寬度使用：

$('your-selector').innerWidth();