
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 摩托车发动机装调工公司招聘笔试题库及答案
- 小学生课件感知生命
- 复合机床操作调整工上岗证考试题库及答案
- 飞机外勤弹射救生工实操任务书
- 农产品经纪人基础技能培训手册
- 甲醇制烯烃操作工公司招聘笔试题库及答案
- 树脂制备工技能测试题库及答案
- 陶瓷装饰工实操任务书
- 器件调试工安全技术操作规程
- 常减压蒸馏装置操作工应急处置分析及对策
- 2025届内蒙古赤峰林东第一中学物理高二第二学期期末复习检测试题含解析
- 公司境外投资管理办法
- 2025年部编小学一至六年级课本内古诗词
- 生产车间安全隐患300条
- 四川省乐山市2024-2025学年高一下学期期末教学质量检测数学试题
- 药品广告培训课件
- 2025年KET剑桥英语五级考试全真试卷(秋季版:含答案解析)
- 高一年级英语阅读理解专项训练(及答案)共50篇
- 医药行业信息化全面解决方案
- 2025年急性肺栓塞诊断和治疗指南解读课件
- 柔性传感器多模态传感技术-洞察及研究
评论
0/150
提交评论