会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
空杯心态,专注.NET
-----程序员生涯,一切源于基础
博客园
首页
联系
管理
订阅
解决IFRAM自动适应高度的问题,也能适应FIREFOX
在IFRAME要包含的页面中引用下面的JS就可以解决问题,我测试过了,没有问题。
Code
1
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
function iframeAutoFit()
2
{
3
var ex;
4
try
5
{
6
if
(window
!=
parent)
7
{
8
var a
=
parent.document.getElementsByTagName(
"
IFRAME
"
);
9
for
(var i
=
0
; i
<
a.length; i
++
)
10
{
11
if
(a[i].contentWindow
==
window)
12
{
13
var h1
=
0
, h2
=
0
;
14
if
(document.documentElement
&&
document.documentElement.scrollHeight)
15
{
16
h1
=
document.documentElement.scrollHeight;
17
}
18
if
(document.body) h2
=
document.body.scrollHeight;
19
20
var h
=
Math.max(h1, h2);
21
if
(document.all)
{h
+=
4
;}
22
if
(window.opera)
{h
+=
1
;}
23
a[i].style.height
=
h
+
"
px
"
;
24
}
25
}
26
}
27
}
28
catch
(ex)
{}
29
}
30
if
(document.attachEvent)
31
{
//
IE/opera
32
window.attachEvent(
"
onload
"
, iframeAutoFit);
33
window.attachEvent(
"
onresize
"
, iframeAutoFit);
34
}
35
else
36
{
//
Mozilla/Firefox
37
window.addEventListener(
'
load
'
, iframeAutoFit,
false
);
38
window.addEventListener(
'
resize
'
, iframeAutoFit,
false
);
39
}
40
</
script
>
41
posted @
2008-08-06 16:25
chunchill
阅读(
431
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
公告