zoukankan      html  css  js  c++  java
  • iframe自适应高度(简单经典)兼容ie6ie9 ,firefox,opera,chrome

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 解决了以前头痛的浏览器兼容性问题,最近客户发现项目在谷歌浏览器Chrome中死活不兼容,折腾了大半天,终于找到完美解决方法,发出来共享,希望对同行有帮助!

     

    代码非常简单在需要自适应高度的iframe里面调用iFrameHeight函数即可

    经过ie6-ie9 ,firefox,opera,chrome测试完全兼容

    你可以自己创建一个iframe页面来测试

    ps:记得给iframe加id和name值

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>iframe自适应高度</title> <script type="text/javascript" language="javascript">     function iFrameHeight(id,name) {    var ifm= document.getElementById(id);      var subWeb = document.frames ? document.frames[name].document : ifm.contentDocument;      if(ifm != null && subWeb != null) {      ifm.height = subWeb.body.scrollHeight;   }     }    </script> </head> <body> <iframe src="zi.html" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight(this.id,this.name)" ></iframe> </body> </html>

     

  • 相关阅读:
    CSS介绍
    docker入门
    nginx+uWSGI+django+virtualenv+supervisor发布web服务器
    niginx入门
    常用服务安装部署
    VIM
    linux基本命令
    linux目录分级
    OpenStack共享组件
    kvm认识和安装
  • 原文地址:https://www.cnblogs.com/robinli/p/3109444.html
Copyright © 2011-2022 走看看