当前位置: 首页 > news >正文

解决iframe显示高度自适应问题

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1.解决iframe显示高度自适应问题

2.解决在chrome下ifame跳转高度不能减少

3.解决IE Chrome兼容问题(其它浏览器未测试)

HTML:

<iframe frameborder="0" scrolling="no"  id="iframe" οnlοad="reinitIframeChrome(this)" onreadystatechange="reinitIframeIE(this)">

onreadystatechange这个方法只在IE下适用,Chrome下不会被调用

Javascript:

//iframe高度自适应
function reinitIframeIE(frame) {
if(frame.readyState=="complete"){//待页面加载完成后调整高度
changeHeight();
}
}
function reinitIframeChrome(frame) {
if(document.readyState!="loading"){//待页面加载完成后调整高度
changeHeight();
}
}
function changeHeight(){
var iframeid = document.getElementById("iframe"); // iframe id
iframeid.height = "642px";// 先给一个够小的初值,然后再长高.
iframeid.style.height ="642px";//css也要行被缩小,否则跳转时滚轴长度不会变
if (document.getElementById) {
if (iframeid && !window.opera) {
if (iframeid.contentDocument
&& iframeid.contentDocument.body.offsetHeight) {
iframeid.height = iframeid.contentDocument.body.offsetHeight;
} else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
iframeid.style.height = iframeid.height+"px";//只有调整css的height后,才被在外围窗口显示滚轴
}

转载于:https://my.oschina.net/u/993228/blog/110481

相关文章:

  • (1)Android开发优化---------UI优化
  • 支付宝信用卡真的来了:覆盖8000万用户
  • SVN同步版本库与网站目录
  • 数据治理衡量和监测流程:了解数据及其价值
  • .NET开发人员必知的八个网站
  • Python:使用threading模块实现多线程编程七[使用Condition实现复杂同步]
  • shell-for循环
  • CXF 做 webservice 简单例子demo
  • java多线程学习总结之三:线程间的协作
  • JB4.2:添加一个SwithButton控制ShutterSound
  • Linux下取本机所有网口的ip地址
  • android 蓝牙源码分析
  • 新版本的GNS3(0.8.2)模拟ASA的教程
  • LVM的综合性介绍及实现
  • (实战篇)如何缓存数据
  • __proto__ 和 prototype的关系
  • Effective Java 笔记(一)
  • JAVA_NIO系列——Channel和Buffer详解
  • k个最大的数及变种小结
  • PAT A1120
  • Redash本地开发环境搭建
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • Vue--数据传输
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 深度学习中的信息论知识详解
  • 双管齐下,VMware的容器新战略
  • 新书推荐|Windows黑客编程技术详解
  • 学习Vue.js的五个小例子
  • Java性能优化之JVM GC(垃圾回收机制)
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • (1) caustics\
  • (论文阅读26/100)Weakly-supervised learning with convolutional neural networks
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (五)c52学习之旅-静态数码管
  • (转)chrome浏览器收藏夹(书签)的导出与导入
  • (转载)Linux网络编程入门
  • (转载)跟我一起学习VIM - The Life Changing Editor
  • .htaccess 强制https 单独排除某个目录
  • .Net 4.0并行库实用性演练
  • .NET CF命令行调试器MDbg入门(一)
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .net framework4与其client profile版本的区别
  • .NET基础篇——反射的奥妙
  • .Net转Java自学之路—基础巩固篇十三(集合)
  • /dev/sda2 is mounted; will not make a filesystem here!
  • /etc/fstab 只读无法修改的解决办法
  • @Controller和@RestController的区别?
  • [20170713] 无法访问SQL Server
  • [8-27]正则表达式、扩展表达式以及相关实战
  • [8481302]博弈论 斯坦福game theory stanford week 1
  • [ACTF2020 新生赛]Include
  • [Android Pro] Notification的使用
  • [Android] Amazon 的 android 音视频开发文档