Javascript $（window）.height（）在IE9上失败

对不起，我不确定在这里问这个问题是否合适。但是这个问题困扰了我很长时间。 我尝试使用

$（window）.height（）

来获取整个页面的可见区域高度。我在几乎所有浏览器上都能正常工作。但在IE9及其兼容模式下，它的行为很奇怪。当我拖动浏览器窗口的边框并尝试调整其大小时，

$（window）.height（）

的值变得越来越大，即使我尝试将窗口变小

我尝试了一些其他的方法，比如

document.documentElement.scrollHeight

，但它仍然没有达到我的预期效果

下一步我能做什么

更新

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>

函数ContentAutoFit（）{
var headerh=$（“.ui accordion header”）.height（）；
var windH=$（窗口）.height（）；
if（window.navigator.userAgent.indexOf（“MSIE”）>0）{
windH=document.clientHeight；
}
var nav=$（“.ui选项卡nav”）.height（）+30；
$（“divPageContent”）。高度（风-导航）；
$（“.ui选项卡面板”）.height（$（“.divPageContent”）.height（）-（$（“.ui选项卡”）.height（）+5））；
$（“#手风琴”）.height（$（“#制表符”）.height（）+8）；
$（“#手风琴”）.width（$（“#divPageContent”）.width（）/5）；
$（“.ui手风琴内容”）.height（$（“#手风琴”）.height（）-（（headerh+3）*4））；
//$（“#手风琴”）。手风琴（）；
//$（“手风琴”）。手风琴（“调整大小”）；
}















装载


装载









"

始终使用：

$(window).innerHeight();

IE不支持

height（）

函数。但是

innerHeight（）

是跨浏览器兼容的

对于宽度，也可使用：

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

---

我无法使用

$（window）.innerHeight（）

它似乎用于具有父元素的元素。抛出

a.ownerDocument未定义

。请注意，它与函数本身无关，错误表明锚点

标记的所有者未定义。