零星网络

技术&资讯
网站超市

需要前后台演示请留言,或QQ:150623477联系站长。

本成品是基于ASP+Access开发的网站内容管理系统,提供了简介类模块,新闻类模块,产品类模块,图片类模块,下载类模块
· 适用性:充分考虑公司企业的实际需要,确保功能上较强的实用性。
· 易用性:用户界面简洁、美观、友好,易于用户操作和使用,操作人员只需简单学习即可掌握。
· 安全性:安全可靠的权限划分,既考虑信息的共享,又注意信息的保护与隔离。

JS 您的当前位置:首页 > 技术&资讯 > JS

iframe自适应高度(兼容多种浏览器)

发布时间:2015-06-05  浏览次数:  分享到:

       最近些项目遇到用iframe的地方,发现设置的固定高有时不能完全适应项目环境,不是高了就是不够高,在页面里看着很不爽。

       想来想去,何不让iframe自适应高度呢。经过一番折腾,最终还是弄出来。下面是实现的源码:

复制代码
  1. <div id="leamain">  
  2.   
  3.        <iframe src="#" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="765" height=100id="iframepage" name="iframepage" onLoad="iFrameHeight()" >iframe>  
  4.   
  5. <script type="text/javascript" language="javascript">  
  6.   
  7.     function iFrameHeight() {   
  8.   
  9.         var ifmdocument.getElementById("iframepage");   
  10.   
  11.         var subWeb = document.frames ? document.frames["iframepage"].document :   
  12.   
  13. ifm.contentDocument;   
  14.   
  15.             if(ifm != null && subWeb != null) {   
  16.   
  17.             ifm.height = subWeb.body.scrollHeight;   
  18.   
  19.             }   
  20.   
  21.     }   
  22.   
  23. script>    
  24.   
  25.      div>  
  26.   


以上亲测,ie、火狐、谷歌等浏览器均没问题,希望对你有用。

 

相关评论

    评论加载中...
    评论者:     验证码:
        

首页|网站超市|业界|营销|优化|HTML|JS|JQUERY|DIV+CSS|编程|运营|设计排版|创业|访谈

Copyright © 2006-2015 Power by 零星设计. 联系QQ:150623477
合作共赢、快速高效、优质的网站建设提供商

  • ●在线咨询点击这里给我发消息
  • ●在线咨询点击这里给我发消息
  • ●在线咨询点击这里给我发消息
  • 业务电话正在通话中…
  • 09:00AM-22:00PM
  • 高效优质的网站建设提供商
  • 加入收藏