溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何通過JS控制父級(jí)別框架可是高度

發(fā)布時(shí)間：2020-06-24 18:16:14 來源：網(wǎng)絡(luò) 閱讀：726 作者：rmlifejun 欄目：編程語言

JS 控制框架高度自適應(yīng)瀏覽器：

框架主頁面代碼如下：

   <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="8" bgcolor="#353c44">
                &nbsp;
            </td>
            <td width="191" valign="top">
                <iframe height="100%" width="100%" border="0" frameborder="0" src="/Common/Left"
                    name="leftFrame" id="leftFrame" title="leftFrame"></iframe>
            </td>
            <td width="10" bgcolor="#fff">
                &nbsp;
            </td>
            <td valign="top">
                <iframe width="100%" border="0" frameborder="0" src="/Common/SuppotMain" name="rightFrame"
                    id="rightFrame" title="rightFrame" overflow-y="auto" overflow-x="none"></iframe>
            </td>
            <td width="8" bgcolor="#353c44">
                &nbsp;
            </td>
        </tr>
    </table>
</body>


內(nèi)頁改變 rightFrame 框架高度JS代碼如下：

<script>
    function resize() {
        $("#rightFrame", window.parent.document).css("height", $(window.parent.window).height());
    }
    $(document).ready(resize);
    $(window.parent.window).resize(resize);
</script>

或

框架主頁面改變 rightFrame 框架高度JS代碼如下：

<script>
    function resize() {
        $("#rightFrame").css("height", $(window).height());
    }
    $(document).ready(resize);
    $(window).resize(resize);

</script>


注： 

    $(window).height() 獲取瀏覽器可視高度

    $(document).height() 獲取頁面高度

    

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手