iframe高度自适应
来源:互联网 发布:人工智能算命机器人q 编辑:程序博客网 时间:2024/06/16 02:49
function changeFrameHeight(){ var ifm= document.getElementById("iFrame1"); //iframe标签的id ifm.height=window.innerHeight|| document.documentElement.clientHeight || document.body.clientHeight; }
// 窗口或框架被调整大小时发生
window.onresize=function(){ changeFrameHeight(); }
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
对于 Internet Explorer 8、7、6、5:
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth
实用的 JavaScript 方案(涵盖所有浏览器):
var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;
1 0
- Iframe高度自适应
- iframe 的自适应高度
- 是Iframe高度自适应
- iframe 的自适应高度
- iframe自适应高度
- Iframe自适应高度
- 让IFRAME自适应高度
- Iframe 自适应高度宽度
- iframe自适应高度
- iframe自适应高度
- Iframe自适应高度[摘]
- 让Iframe自适应高度
- IFRAME自适应高度
- iframe自适应高度[转]
- iframe自动自适应高度
- iframe 自适应高度
- Iframe自适应高度
- iframe自适应高度
- Chapter9——建立一个对象数组,内放5个学生的数据(学号,成绩),用指针指向数组首元素,输出第1,3,5学生的数据。
- (一)算法之暴力破解法
- 对称加密和非对称加密介绍和区别
- spring mvc实现HandlerInterceptor完成拦截功能
- (二)算法之假设修正法
- iframe高度自适应
- 【raspberrypi】安装vim并配置
- Ajax入门教程(内附源码实例)
- AC自动机学习小记
- hdu 1097(快速幂运算)
- 练习题 No.10 多重部分和问题
- Chapter9——建立一个对象数组,内放5个学生的数据(学号,成绩),设立一个函数max,用指向对象的指针做函数参数,在max函数中找出5个学生中成绩最高者,并输出其学号。
- 日历扩展
- vue项目优化之按需加载组件-使用webpack require.ensure