iframe 自适应高度js
2015-10-19 10:57
288 查看
iframe 自适应高度
<script>
function calcPageHeight(doc) {
var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
var height = Math.max(cHeight, sHeight);
return height;
}
var ifr = document.getElementById('iframepage');
ifr.onload = function() {
var iDoc = ifr.contentDocument || ifr.document;
var height = calcPageHeight(iDoc);
ifr.style.height = height + 'px';
}
</script>
放在body最后,document.getElementById()需改
<script>
function calcPageHeight(doc) {
var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
var height = Math.max(cHeight, sHeight);
return height;
}
var ifr = document.getElementById('iframepage');
ifr.onload = function() {
var iDoc = ifr.contentDocument || ifr.document;
var height = calcPageHeight(iDoc);
ifr.style.height = height + 'px';
}
</script>
放在body最后,document.getElementById()需改
相关文章推荐
- 【转向Javascript系列】从setTimeout说事件循环模型
- js MD5加密 和 base64编码实现!
- js原生封装getClassName()方法-ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素
- 图片自动切换鼠标移上暂停6秒继续切换的js代码
- JS实现的简洁纵向滑动菜单(滑动门)效果
- POST上传JSON数据
- 什么是Javascript Hoisting?
- hammer.js触摸,手指缩放等许多手势操作
- JS代码的加载
- JS实现的左侧竖向滑动菜单效果代码
- jsp文件中的一些写法
- Jackson如何实现json字符串和泛型List集合之间的转换
- js 进度条,可实现结束和重新开始
- jsp实验二
- 二、JavaScript语言--事件处理--DOM事件探秘--下拉菜单
- Extjs之Template简单应用
- js中function与new function
- 调用谷歌地图js显示地图
- javascript类型判断汇总
- SPOJ 15. The Shortest Path 堆优化Dijsktra