zoukankan      html  css  js  c++  java
  • iframe 去边框

    网上查了好久,蛋疼,总是没有一种让我用着舒心的方法。

    不小心在一个插件里面看到一写法,很不错。特记录。

    html部分:

    <div class="rightpar">
       <IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100% height=600px SRC="*****.html">
       </IFRAME>
    </div>

    注释:红色‘***.html’,是iframe默认的指向地址。

    js部分:

    <script>
    var demoIframe; //全局变量
    $(function(){
      demoIframe = $("#testIframe");
      demoIframe.bind("load", loadReady);
      $('.child_node').click(function(){  //点击页面元素,更换iframe内容
        var server = "<?php echo Yii::app()->request->hostInfo; ?>";
        var link = $(this).attr('val'); //页面元素里放目标url
        demoIframe.attr("src", server+link);
        return false;
      });
      return false;
    });
    function loadReady() {  //关键函数,获取iframe内容的高度并设置,如果对宽度有要求,可以做相应修改
      var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,
      htmlH = demoIframe.contents().find("html").get(0).scrollHeight,
      maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
      h = demoIframe.height() >= maxH ? minH:maxH ;
      if (h < 530) h = 530;
      demoIframe.height(h);
    }
    </script>

    1、以专家为榜样,不必自己重新探索
    2、解构技能,找出实现80%效果的那20%
    3、不要一心二用
    4、练习练习再练习!然后获得即时反馈
    5、坚持,不要在低谷期放弃
  • 相关阅读:
    JVM学习笔记(一)------基本结构
    基于 Android 的 3D 视频样本代码
    Objective-C语法之代码块(block)的使用
    javabean总结
    oncopy和onpaste
    Linux/UNIX之信号(2)
    Html的空格显示
    硬盘的读写原理
    IntentFilter
    MyEclipse配置启动多个Tomcat
  • 原文地址:https://www.cnblogs.com/zhongyuan/p/3229647.html
Copyright © 2011-2022 走看看