iframe高度/宽度自适应(使用body而不是docuemntElement对象)
2024-09-04 03:23:03
iframe在ie11中会显示过于短。为了自适应,增加如下代码:
<iframe *** onload='changeFrameHeight()' >
<script>
function changeFrameHeight() {
var ifm = document.getElementById("content3");
ifm.height = document.body.clientHeight ;
ifm.width = document.body.clientWidth ;
}
window.onresize = function () {
changeFrameHeight();
}
</script>
请注意,需要使用document.body.clientHeight,网上的教程写的是document.documentElement.clientHeight,在ie11和firefox中测试通过(本来就是为了兼容ie11才做的),但是在360浏览器下,document.documentElement.clientHeight永远为0。话说现在360浏览器的市场占有率很高啊(在文化程度不高的群体中),我司就是写了document.documentElement.clientHeight导致iframe无法显示,因此有大量的人发生此问题来投诉。。。作为一个强迫症程序员,心好累
最新文章
- 在iIBatis中使用MySql中出现的配置问题
- C#设计模式系列:享元模式(Flyweight)
- PHP基本语法和输出语句方式
- 封装tip控件
- 作业3---for语句及分支结构else-if
- 【First Missing Positive】cpp
- Android Chronometer的正常暂停和继续
- 1028-Digital Roots
- 安装tcpreplay时报错:configure: error: libdnet not found
- uestc poj2559 秋实大哥去打工
- UILabel + 导入字体
- java 数组排序方法整理,简单易懂,
- ubuntu linux adb devices no permissions解决办法
- JavaScript--常用的输出方式
- vux的x-input的源码分析
- Consul+upsync+Nginx实现动态负载均衡 摘自https://blog.csdn.net/qq_29247945/article/details/80787014
- jquery页面隐藏和展开之间切换
- HDU 5306 线段树
- js ie下有效 showModalDialog 、showModelessDialog
- Android中的Manifest.permission(应用权限)整理
热门文章
- monkey test——学习资料
- Java进阶知识02 Struts2下的拦截器(interceptor)和 过滤器(Filter)
- NOI2019 游记
- 图论小专题A
- 灰度图像--图像分割 Sobel算子,Prewitt算子和Scharr算子平滑能力比较
- JavaWeb-SpringSecurity初认识
- Android_(自动化)获取手机存储卡的容量
- R-ets()
- Springboot集成MongoDB实现CRUD
- 【黑马JavaSE】1.2.算术\赋值\比较\逻辑\三元运算符、方法入门、JShell编译器