调用方式如下

<iframe id="ifm" name="ifm" οnlοad="SetIFrameHeight('ifm')" src="http://www.qq.com" />

function SetIFrameHeight(down) {var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;var pTar = null;if (document.getElementById) {pTar = document.getElementById(down);} else {eval('pTar=' + down + ';');}pTar.style.display = "block";if (Sys.ie) {if (Sys.ie == '9.0') {pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px";pTar.width = pTar.contentWindow.document.body.scrollWidth + "px";} else if (Sys.ie == '8.0') {debugger;pTar.height = pTar.Document.body.offsetHeight + 15 + "px";pTar.width = pTar.Document.body.scrollWidth + "px";} else {pTar.height = pTar.Document.body.scrollHeight + 25 + "px";pTar.width = pTar.Document.body.scrollWidth + "px";}}if (Sys.firefox) {pTar.height = pTar.contentDocument.body.offsetHeight + 15 + "px";pTar.width = pTar.contentDocument.body.scrollWidth + "px";}if (Sys.chrome) {pTar.height = pTar.contentDocument.body.offsetHeight;pTar.width = pTar.contentDocument.body.scrollWidth;}if (Sys.opera) {pTar.height = pTar.contentDocument.body.offsetHeight;pTar.width = pTar.contentDocument.body.scrollWidth;}if (Sys.safari) {if (pTar.contentDocument.body.offsetHeight <= '186') {pTar.height = pTar.contentDocument.body.offsetHeight + 10;} else {pTar.height = pTar.contentDocument.body.offsetHeight;}pTar.width = pTar.contentDocument.body.scrollWidth;}}

转载于:https://www.cnblogs.com/aehyok/archive/2013/05/24/3095047.html

JavaScript自动设置IFrame高度(兼容各主流浏览器)相关推荐

  1. html5 头部阴影,兼容各种主流浏览器的CSS阴影效果

    CSS阴影效果(Box shadows)应用在Web页面设计上已经有了一段时间了.之前在CSS2阶段阴影效果还不是很有效之时,大部分的这种效果都是使用Photoshop图片实现的,但对于一些缺乏这些绘 ...

  2. 通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器)

    通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器) 1.业务需求: vue项目需要通过点击button按钮将指定内容复制到粘贴板中,且不引入第三方组件. 2.解决方案: js写法如下(这里是 ...

  3. 如何设置iframe高度自适应,在跨域的情况下能做到吗?

    2019独角兽企业重金招聘Python工程师标准>>> 在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性s ...

  4. 【Javascript】Javascript动态设置页面高度

    1.动态设置父页面iframe高度 <body onload="iframeHeight()"><script type="text/javascrip ...

  5. 设置iframe高度的问题

    对于iframe高度的问题,需要分两类,第一种是同域的父页面和子页面解决方法是 假如iframe的ID是iframeExp var newIframe = docment.getElementById ...

  6. linux如何配浏览器证书,部署国密SSL证书,如何兼容国际主流浏览器?

    转自: 国密算法在主流操作系统.浏览器等客户端中,还没有实现广泛兼容.因此,在面向开放互联网的产品应用中,国密算法无法得到广泛应用.比如,在SSL证书应用领域,由于国际主流浏览器不信任国密算法,如果服 ...

  7. 用javascript动态调整iframe高度

    当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体.这时候你会设置  scrolling="no"  ...

  8. 基于百度AI+jquery-webcam+servlet实现人脸识别登录,兼容各主流浏览器

    1.注册百度AI账号,获取到AI开发资格 详情参见个人博客:你的第一个人脸识别demo(http://www.cnblogs.com/guo-eric/p/8109411.html) 2.环境准备 首 ...

  9. html禁用自动完成,html – 如何禁用所有主流浏览器的自动完成功能

    自动填充应使用以下< input>类型:文本,搜索,网址,电话,电子邮件,密码,日期选择器,范围和颜色. 但是,你可以尝试在你的< form>中添加autocomplete = ...

最新文章

  1. Matlab与数据结构 -- 对矩阵的排序
  2. 老大,你为什么在代码中要求我们使用LocalDateTime而不是Date?
  3. MapReduce天气案例
  4. ASP.NET生成静态页面的方法
  5. 不是python对文件的读操作方法的是-一文读懂Python对文件的各种操作方式-阿里云开发者社区...
  6. Solrj实现增删改查
  7. python 用户输入_Python 用户输入(input)
  8. linux用户空间寄存器,在Linux用户空间中访问硬件寄存器
  9. 【2021团体程序设计天梯赛】L1部分(PTA,L1-073到L1-080)题解代码
  10. Java-重载、重写(冷静分析)
  11. CentOS 6.x x86_64 编译安装gcc 4.8.2
  12. python数据结构与算法 pdf_数据结构与算法:Python语言描述.pdf
  13. python 频谱图_SciPy spectrogram:计算频谱图
  14. 量化投资策略——金叉死叉策略
  15. 我迟早被这些AI绘画笑死...
  16. cobalt strik启动
  17. 班德瑞1-9,神秘园1-4全集下载
  18. 你不是不优秀,而是太着急
  19. 给电脑文件批量重命名和更改后缀名
  20. 使用路由器实现(非常)基本的家庭网络家庭安全

热门文章

  1. php组装json数据包,php封装json通信接口详解及实例
  2. 通俗易懂,一篇文章告诉你编程语言是个啥?
  3. 7个免费的Linux FTP客户端工具
  4. 微机总线地址,物理地址 ,虚拟地址
  5. linux进程---exec族函数(execl, execlp, execv, execvp, )解释和配合fork的使用
  6. 面试官:请实现一个通用函数把 callback 转成 promise
  7. 手把手教你接入前端热门抓包神器 - whistle
  8. 千层套路 - Vue 3.0 初始化源码探秘
  9. 使用 apiDoc 为你的Node.js API 生成文档
  10. pom.xml里发布和下载包