zoukankan
html css js c++ java
iframe 的自适应高度
实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。
源代码如下
<
script type
=
"
text/javascript
"
>
//
** 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);
if
(dyniframe
&&
!
window.opera)
{
dyniframe.style.display
=
"
block
"
if
(dyniframe.contentDocument
&&
dyniframe.contentDocument.body.offsetHeight)
//
如果用户的浏览器是NetScape
dyniframe.height
=
dyniframe.contentDocument.body.offsetHeight;
else
if
(dyniframe.Document
&&
dyniframe.Document.body.scrollHeight)
//
如果用户的浏览器是IE
dyniframe.height
=
dyniframe.Document.body.scrollHeight;
}
}
//
根据设定的参数来处理不支持iframe的浏览器的显示问题
if
((document.all
||
document.getElementById)
&&
iframehide
==
"
no
"
)
{
var
tempobj
=
document.all
?
document.all[iframeids] : document.getElementById(iframeids)
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
>
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
idou老师教你学Istio 19 : Istio 流量治理功能原理与实战
面对runc逃逸漏洞,华为云容器为您保驾护航
idou老师教你学Istio 18 : 如何用istio实现应用的灰度发布
idou老师教你学Istio 17 : 通过HTTPS进行双向TLS传输
idou老师教你学Istio 16:如何用 Istio 实现微服务间的访问控制
idou老师教你学Istio 15:Istio实现双向TLS的迁移
极简容器化交付 | 部署组件分析
idou老师教你学Istio 14:如何用K8S对Istio Service进行流量健康检查
Hibernate5笔记9--Hibernate注解式开发
Hibernate5笔记8--Hibernate事务相关内容
原文地址:https://www.cnblogs.com/Dicky/p/125970.html
最新文章
ACM-ICPC 2018 徐州赛区网络预赛 Solution
ACM-ICPC 2018 沈阳赛区网络预赛 Solution
2018 Multi-University Training Contest 4 Solution
CCPC2018-湖南全国邀请赛 Solution
2018 Multi-University Training Contest 3 Solution
2017-2018 ACM-ICPC Latin American Regional Programming Contest Solution
ACM-ICPC 2018 南京赛区网络预赛 Solution
2018 Multi-University Training Contest 2 Solution
2017-2018 ACM-ICPC Nordic Collegiate Programming Contest (NCPC 2017) Solution
java笔记8-面向对象
热门文章
java笔记7-数组
java笔记6-语法结构
java笔记5-运算符
java笔记4-类型转换
java笔记3-常量与变量
java笔记2-数据类型
java笔记1-环境搭建
python基础知识整理自用
idou老师教你学istio 21:基于角色的访问控制
idou老师教你学Istio 20 : Istio全景监控与拓扑
Copyright © 2011-2022 走看看