posts - 3, comments - 13, trackbacks - 0

2005年5月25日

原文：http://www.knowsky.com/4928.html

好幾次看到有人提問問到如何實現 iframe 的自適應高度，能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象，剛好我在工作中也碰到了類似問題，于是上網翻查，東抄抄西看看，弄出來這么一個函數，貼到頁面里面就能用了。不敢獨享，大家要是覺得有用，歡迎使用

源代碼如下

//** iframe自動適應頁面 **//

//輸入你希望根據頁面高度自動調整高度的iframe的名稱的列表

//用逗號把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一個窗體，則不用逗號。

//定義iframe的ID

var iframeids=["test"]

//如果用戶的瀏覽器不支持iframe是否將iframe隱藏 yes 表示隱藏，no表示不隱藏

var iframehide="yes"

function dyniframesize()

{

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++)

{

if (document.getElementById)

{

//自動調整iframe高度

dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);

if (dyniframe[i] && !window.opera)

{

dyniframe[i].style.display="block"

if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用戶的瀏覽器是NetScape

dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;

else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用戶的瀏覽器是IE

dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;

}

//根據設定的參數來處理不支持iframe的瀏覽器的顯示問題

if ((document.all || document.getElementById) && iframehide=="no")

{

var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])

tempobj.style.display="block"

}

if (window.addEventListener)

window.addEventListener("load", dyniframesize, false)

else if (window.attachEvent)

window.attachEvent("onload", dyniframesize)

else

window.onload=dyniframesize

</script>

使用的時候只要貼在<head></head>里面就可以了

posted @ 2005-05-25 16:01 蚌殼閱讀(585) | 評論 (1) | 編輯收藏

<

2005年5月

>

日

一

二

三

四

五

六

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(4)

隨筆分類(3)

隨筆檔案(3)

搜索

最新評論

閱讀排行榜

評論排行榜