JS 控制框架高度自適應瀏覽器:
創新互聯主要從事成都做網站、網站建設、外貿營銷網站建設、網頁設計、企業做網站、公司建網站等業務。立足成都服務孝南,10余年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18982081108
框架主頁面代碼如下:
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8" bgcolor="#353c44">
</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">
</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">
</td>
</tr>
</table>
</body>
<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() 獲取頁面高度
網站欄目:如何通過JS控制父級別框架可是高度
轉載源于:http://www.2m8n56k.cn/article20/ggdjco.html
成都網站建設公司_創新互聯,為您提供網頁設計公司、微信公眾號、搜索引擎優化、面包屑導航、虛擬主機、關鍵詞優化
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯