如何实现iframe(嵌入式帧)的自适应高度
时间： 2021-07-31 作者：daque
好几次看到有人发问问到怎样实行 iframe 的自符合莫大，不妨跟着页面包车型的士长度机动的符合以受命页面和 iframe 同声展示震动条的局面，恰巧我在处事中也碰到了一致题目，所以上钩翻查，东抄抄西看看，弄出来这么一个因变量，贴到页面内里就能用了。不敢独享，大师假如感触有效，欢送运用
源代码如次
<script type="text/javascript"> //** iframe机动符合页面 **//
//输出你蓄意按照页面莫大机动安排莫大的iframe的称呼的列表 //用逗点把每个iframe的id分割. 比方: ["myframe1", "myframe2"]，不妨惟有一个窗体，则不必逗点。
//设置iframe的id var iframeids=["test"]
//即使用户的欣赏器不扶助iframe能否将iframe湮没 yes 表白湮没，no表白不湮没 var iframehide="yes"
function dyniframesize() { var dyniframe=new array() for (i=0; i<iframeids.length; i++) { if (document.getelementbyid) { //机动安排iframe莫大 dyniframe[dyniframe.length] = document.getelementbyid(iframeids[i]); if (dyniframe[i] && !window.opera) { dyniframe[i].style.display="block" if (dyniframe[i].contentdocument && dyniframe[i].contentdocument.body.offsetheight) //即使用户的欣赏器是netscape dyniframe[i].height = dyniframe[i].contentdocument.body.offsetheight; else if (dyniframe[i].document && dyniframe[i].document.body.scrollheight) //即使用户的欣赏器是ie dyniframe[i].height = dyniframe[i].document.body.scrollheight; } } //按照设定的参数来处置不扶助iframe的欣赏器的表露题目 if ((document.all || document.getelementbyid) && iframehide=="no") { var tempobj=document.all? document.all[iframeids[i]] : document.getelementbyid(iframeids[i]) tempobj.style.display="block" } } }
if (window.addeventlistener) window.addeventlistener("load", dyniframesize, false) else if (window.attachevent) window.attachevent("onload", dyniframesize) else window.onload=dyniframesize</script>
运用的功夫只有贴在<head></head>内里就不妨了
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号