zoukankan
html css js c++ java
解决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
查看全文
相关阅读:
vue3 祖孙传递数据
vue 导航栏不能收缩的问题
vue 项目中的问题
Python第一周Round1记录
[转]80端口被系统占用pid=4: NT kernel & System
表<表名称> 中的列与现有的主键或UNIQUE约束不匹配
一些算法(2)
卸载不了java(tm)se development kit 7 update 3
如何解决 Eclipse中出现访问限制由于对必需的库XX具有一定限制,因此无法访问类型
[COPY]Eclipse无法导入项目
原文地址:https://www.cnblogs.com/shineqiujuan/p/1262187.html
最新文章
Java多线程——锁概念与锁优化
零基础带你看Spring源码——IOC控制反转
vue项目的elementui的form表单label的对齐方式和 eldatepicker 的长度设置
vue+elmentUI项目的正则判断
最新vue项目添加水印
第一次博客作业
第03组(63) 需求分析报告
结对编程作业
如何让asp.net程序永远驻留内存?
Ado.net EntityFramework的Update最简单方法
热门文章
.net 3.5 的网站布置到 4.0 上
HttpWebRequest 与 HttpWebResponse 的简单用法
asp.net,Web.config 的
节点的读取和更新
vue 中的页面渲染的问题
vue中elements的使用
vue中关于使用useStore 和直接使用导入store
vue中变量名用错 切换语言失败
vuex的使用 中的
js中模块的导入和导出
vue3 中的teleport属性 还有html中的弹窗
Copyright © 2011-2022 走看看