版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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年上思县社区工作者招聘考试真题及答案
- 唐山市护士招聘笔试题及答案
- 2026年甘肃酒泉市中考二模英语模拟试卷试题(含答案详解)
- 专题六 名篇名句默写
- 外科主治医师试题及详解
- 26年PTEN缺失检测与靶向用药适配
- GMAT逻辑试题及答案
- 婴儿保姆协议合同书
- 废料招标合同协议书
- 店铺并购协议书
- 回族上坟怎么念
- 材料的力学行为
- GB/T 42415-2023表面活性剂静态表面张力的测定
- YY/T 1681-2019医疗器械唯一标识系统基础术语
- GB/T 25380-2010数控滚齿机精度检验
- plm实施工具11培训课件库cmii培训课件
- 《社会工作伦理案例分析》课件011 妇女社会工作伦理
- Unit 3 Lesson 1 Spring Festival 课件-高中英语北师大版(2019)必修第一册
- DB34-T 4285-2022特种作业安全技术实际操作考试点验收规范
- 2022年新教材高中数学第3章数学建模活动1建筑物高度的测量2测量和自选建模作业的汇报交流课件北师大版必修第二册
- 《催化工程》课程教学大纲
评论
0/150
提交评论