jquery实现iframe自适应高度
来源:互联网 发布:锥形皮带轮数据 编辑:程序博客网 时间:2024/05/21 09:56
1、iframe自适应页面高度
首先需要给iframe设置一个id,不需要滚动条则加上scrolling="no"
然后加上一个onload事件
function iFrameHeight(iframe) { var ifm= document.getElementById(iframe.id); var subWeb = document.frames ? document.frames[iframe.id].document : ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; ifm.width = subWeb.body.scrollWidth;} } <iframe src=' ' width='100%' id="compInfo" frameborder='0'scrolling="no" onload="iFrameHeight(this)"></iframe>
2、若需要iframe固定一个高度,超过这个高度才自适应
function iFrameHeightContact(iframe) { var ifm= document.getElementById(iframe.id); var subWeb = document.frames ? document.frames[iframe.id].document : ifm.contentDocument; if(ifm != null && subWeb != null) {var ifmHeight = subWeb.body.scrollHeight;var ifmWidth = subWeb.body.scrollWidth;if(ifmHeight<400){ifm.height = 400;ifm.width = ifmWidth;} else {ifm.height = ifmHeight;ifm.width = ifmWidth;} } } <iframe src=' ' width='100%' id="compInfo" frameborder='0'scrolling="no" onload="iFrameHeight(this)"></iframe>* 400则为你想要固定的高度
0 0
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- JQuery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- Jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe高度自适应
- jquery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- jquery实现iframe自适应子页面高度
- jquery iframe自适应高度
- jquery iframe自适应高度
- JAVA 单例模式
- 内存管理
- HTML5 localStorage使用方法及注意点
- 详解javascript立即执行函数表达式(IIFE)
- T460/s 安装Sierra 10.12.2 成功分享……
- jquery实现iframe自适应高度
- zynq-7000 HDMI zedboard 构建以及输出显示
- javascript基础:对象的继承、添加对象方法
- 101 Hack 44
- ubuntu 16.04 启用root用户方法
- PHP微信支付 支付结果通用通知获取不到数据的问题
- ecshop价格范围区间用户自定义选择价格代码
- IOS-Rtmp视频播放
- LeetCode笔记:392. Is Subsequence