版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、iframe 高度自适应,js控制iframe 高度自适应iframe 高度自适应, js控制iframe 高度自适应, iframe自适应高度办法一:js控制iframe 高度自适应 这个办法之前向来都在用,没有问题,但最新发觉有些状况不可(详细缘由不清晰)/*function thisiframeheightauto() setiframeheight("auditlist"); ; */ /window.setinterval("iframeheightauto()", 200);function setiframe
2、height(iframeid) var cwin = document.getelementbyid(iframeid); if(document.getelementbyid) if(cwin && !window.opera) if(cwin.contentdocument && cwin.contentdocument.body.offsetheight) cwin.height = cwin.contentdocument.body.offsetheight;/ff ns console.log("ff
3、 ns cwin.height=" +cwin.height); else if(cwin.document && cwin.document.body.scrollheight) cwin.height = cwin.document.body.scrollheight;/ie console.log("ie cwin.height=" +cwin.height); else if(cwin.contentwindow.document && cwin.contentwind
4、ow.document.body.scrollheight) cwin.height = cwin.contentwindow.document.body.scrollheight;/opera console.log("cwin.height=" + cwin.height); ; 办法二:html代码控制在办法一不生效的时候,用法了办法二。 头部的html不需要任何的声明,都去掉,如下面代码所示:iframe高度自适应 上面假如能自适应,就不需要下面的;假如上面还不自适应,需要设置1、body样式中的 overflow: hidden; 肯定不对省略;2
5、、iframe 中的 height=&39;100%&39; 以及 滚动条不能设为no(默认是yes,不用设置即可) 办法三:同样是js控制(未验证) 原理:iframe页面的内容利用一个举行小包,div会自适应内部高度,因此,可以通过div实现子页面高度的猎取。 iframe页面 . 父页面(嵌入iframe的页面)增强js:/跨域或子页面无"iframecontent"则高度不能自适应function reinitiframe(iframeid, minheight) try var iframe = document.getelemen
6、tbyid(iframeid); var height = iframe.contentwindow.document.getelementbyid("iframecontent").offsetheight; if (!height) height = minheight; if (height -1 ? true : false; var isfirefox = browserversion.indexof("firefox") > -1 ? true : false;var ischrome = browser
7、version.indexof("chrome") > -1 ? true : false;var issafari = browserversion.indexof("safari") > -1 ? true : false;var isie = (!window.activexobject | "activexobject" in window);var isie9more = (! -1, = false);function reinitiframe(iframeid,
8、 minheight) try var iframe = document.getelementbyid(iframeid); var bheight = 0; if (ischrome = false && issafari = false) try bheight = iframe.contentwindow.document.body.scrollheight; catch (ex) var dheight = 0; if (isfirefox = true) dheight = iframe.contentwindow.document.document
9、element.offsetheight + 2;/假如火狐扫瞄器高度不断增强删除+2 else if (isie = false && isopera = false && iframe.contentwindow) try dheight = iframe.contentwindow.document.documentelement.scrollheight; catch (ex) else if (isie = true && isie9more) /ie9+ var heightdeviat
10、ion = bheight - eval("window.ie9morerealheight" + iframeid); if (heightdeviation = 0) bheight += 3; else if (heightdeviation != 3) eval("window.ie9morerealheight" + iframeid + "=" + bheight); bheight += 3; else/ie6-8、opera bheight += 3; var heigh
11、t = math.max(bheight, dheight); if (height < minheight) height = minheight; /alert(iframe.contentwindow.document.body.scrollheight + "" + iframe.contentwindow.document.documentelement.scrollheight); iframe.style.height = height + "px" catch (ex) /定时任务function startinit(iframeid, minheight) eval("window.ie9morerealheight" + iframeid + &
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 网络货运员操作知识能力考核试卷含答案
- 化工添加剂生产工班组评比能力考核试卷含答案
- 棕草编织工风险评估知识考核试卷含答案
- 化工添加剂生产工基础综合能力考核试卷含答案
- 胃肠科诊疗技术分享
- 妇产科妇科肿瘤筛查报告
- 舒洛地特治疗病例分享
- a上肢损伤的护理杨克非
- 中医师推拿师年终总结汇报
- 医疗健康产业政策与法规解读
- 2025茂名市电白区坡心镇社区工作者考试真题
- 金蝶云星空操作手册V3
- 电子竞技俱乐部投资经营合作合同
- 巨人通力电梯NOVA GKE调试说明书故障代码GPN15 GVN15-GKE - 51668093D01-2022
- 门式脚手架搭设方案(2篇)
- CJJ-T 135-2009 (2023年版) 透水水泥混凝土路面技术规程
- 居住区环境调研报告
- C++语言程序设计-清华大学-郑莉
- GA/T 1992-2022公安监管场所安全防范与信息管理系统技术要求
- 《热学》(李椿-章立源-高教版)-课后答案
- 理气葬法-赖布衣著
评论
0/150
提交评论