实现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[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.οnlοad=dyniframesize
</script>
使用的时候只要贴在<head></head>里面就可以了
转载于:https://www.cnblogs.com/Evanescence/archive/2005/12/28/306719.html
实现IFrame的自适应高度相关推荐
- 网上收集的关于iframe的自适应高度代码js的
<一>这个是我第一个用的不是很灵验,也没去研究:代码--> 1<iframename="ifrName"src="targetName.htm&q ...
- 如何实现iframe(嵌入式帧)的自适应高度
好几次看到有人提问问到如何实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象,刚好我在工作中也碰到了类似问题,于是上网翻查,东抄抄西看看,弄 ...
- [转]让iframe自适应高度-真正解决
原文地址:https://www.cnblogs.com/rogge7/p/7762052.html 需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同 ...
- php iframe 自适应高度,两个iframe自适应高度的解决方法
很多小伙伴在做网站的时候对于解决 1.需求分析: 使页面中的iframe可以自适应高度,避免页面高度增加的时候页面和iframe会同时出现滚动条. 2.方法一: 在iframe上面直接加onload的 ...
- iframe 自适应高度的多种实现方式
iframe高度自适应内容 需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象. 设置iframe 自适应高度,使其等于内嵌网页的高度 ...
- php iframe 自适应高度,iframe自适应高度
很多小伙伴在做网站的时候对于解决iframe的高度问题都是很头大的一件事,今天吾爱编程为大家介绍一下iframe自适应高度的方法,有需要的小伙伴可以参考一下: 1.需求分析: 使页面中的iframe可 ...
- html表格高度自动调整,table表格自适应高度的办法
这篇文章主要为大家详细介绍了table表格自适应高度的办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 关于自适应高度,361源码在以前给大家介绍过ifram ...
- 一行代码解决IFrame自适应高度问题
在iframe的src文件中写入JS代码 $(window.parent.document).find("iframe").height($(document).height()) ...
- Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐[转]
Iframe自适应高度绝对好使的代码,IE.遨游.火狐.Chrome都兼容,需要的朋友可以参考下. 这是我试了很多相关代码后发现的兼容性最好的Iframe自适应高度代码. <script typ ...
最新文章
- (八)pdf的构成之文件体(page属性)
- BZOJ 2139 road(构造,最小生成树)【BZOJ 修复工程】
- textarea去掉回车换行
- linux Pytorch C++ 环境搭建
- GetCurrentDirectory()函数误区
- 调用toString()方法的注意事项
- python标准库os_Python基础--人们一些最爱的标准库(sys os fileinput)
- 中科院动物所团队揭示了空间种子传播集合网络的结构及功能维持机制
- JavaScript学习笔记:数组
- vue使用jsMind(思维导图)
- 移动创业者,这么多免费资源,你不要?
- 20155307 2016-2017-2《Java程序设计》课程总结
- 中国科学院 导师推荐 计算机,中国科学院计算技术研究所硕士生导师霍志刚
- 点击文件实现WPS工具预览功能
- Android 短视频编辑开发之摄像头预览实时美颜(三)
- python上方菜单栏不见了_python tkinter-菜单栏
- 前端进化史——The Evolution of Front End Development
- Matlab作图如何画多曲线子图,多子图绘图指令subplot
- Python快速学习第八天
- Bootstrap初识
热门文章
- Python小游戏(打乒乓)
- Jmeter5.1.1第一个http请求的压力测试
- X509证书认证流程介绍
- Bzoj4818--Sdoi2017序列计数
- .net 浏览器请求过程(图)
- scrum 12.2
- github 搜索_Fzf:Golang开发的Github高星系统模糊搜索补全工具
- tkmybatis 子查询_dnssearch 子域名枚举工具
- Java黑皮书课后题第5章:*5.48(处理字符串)编写一个程序,提示用户输入一个字符串,显示奇数位置的字符
- android有关的笔记,android学习笔记1——webview相关