萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> 安卓開發 >> HTML教程:如何設置Iframe自適應高度

HTML教程:如何設置Iframe自適應高度

對於如何設置Iframe自適應高度,您有多少了解呢?下面就為大家介紹一下,望對大家有所幫助。

不帶邊框的iframe因為能和網頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數據成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家一種iframe動態調整高度的方法,主要是以下JS函數:

一、程序代碼

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;

}

}

}

最後,加入iframe,不能丟掉onload屬性,當然了,id也必須也函數中的win匹配;

二、程序代碼: 我們看看另一種情況的iframe解決方案 重要提示:src=中你必須填寫的網頁地址,一定要和本頁面在同一個站點上,否則,會抱錯,說“拒絕訪問!”(實際上這是因為Js的跨域問題導致拒絕訪問的)現在給大家分享一下:

1、建立一個bottom.js的文件,然後輸入下面的代碼;

parent.document.all("框架ID名").style.height=document.body.scrollHeight;

parent.document.all("框架ID名").style.width=document.body.scrollWidth;

2、給你網站裡所有的被包含文件裡面每個都加入,在WINXP、IE6下面測試通過;

實現 iframe 的自適應高度實現 iframe 的自適應高度,能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象;

程序代碼

以上是由精品為您提供的如何設置Iframe自適應高度的介紹,感謝您的關注。

copyright © 萬盛學電腦網 all rights reserved