posts - 3, comments - 13, trackbacks - 0

如何實(shí)現(xiàn)iframe(嵌入式幀)的自適應(yīng)高度(轉(zhuǎn)載）

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

好幾次看到有人提問(wèn)問(wèn)到如何實(shí)現(xiàn) iframe 的自適應(yīng)高度，能夠隨著頁(yè)面的長(zhǎng)度自動(dòng)的適應(yīng)以免除頁(yè)面和 iframe 同時(shí)出現(xiàn)滾動(dòng)條的現(xiàn)象，剛好我在工作中也碰到了類似問(wèn)題，于是上網(wǎng)翻查，東抄抄西看看，弄出來(lái)這么一個(gè)函數(shù)，貼到頁(yè)面里面就能用了。不敢獨(dú)享，大家要是覺(jué)得有用，歡迎使用

源代碼如下

//** iframe自動(dòng)適應(yīng)頁(yè)面 **//

//輸入你希望根據(jù)頁(yè)面高度自動(dòng)調(diào)整高度的iframe的名稱的列表

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

//定義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)

{

//自動(dòng)調(diào)整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;

}

//根據(jù)設(shè)定的參數(shù)來(lái)處理不支持iframe的瀏覽器的顯示問(wèn)題

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>

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

posted on 2005-05-25 16:01 蚌殼閱讀(584) 評(píng)論(1) 編輯收藏所屬分類: Tech Tips

FeedBack:

# re: 如何實(shí)現(xiàn)iframe(嵌入式幀)的自適應(yīng)高度(轉(zhuǎn)載）

2005-11-09 14:53 | 小宅園

做了,不行...作者你試過(guò)可以嗎??? 回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理

<

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)

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜