zoukankan      html  css  js  c++  java
  • iframe的使用

    1.父页面调用子页面的元素

    $('a').contents().find("b")

     (a代表iframe的id或者class,b代表子页面) 

     
    2.子页面调用父页面的元素
    $(window.parent.document).contents().find("c")
    (c代表父页面的任意元素id或者class) 
     
    3.iframe高度自适应
    <iframe src="" allowtransparency="true"  id='ifm' style="background-color: transparent" frameborder="0"  scrolling="no"></iframe>
    jQuery方法
    $('#ifm').load(function(){
    
      $(this).height( $(this).contents().find("body").height());//body也可以是iframe子页面的任何元素
    
    });
    js方法
    function setIframeHeight(iframe) {
    
      if (iframe) {
    
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
    
        if (iframeWin.document.body) {
    
         iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
    
       };
    
     };
    
    };
    
    window.onload = function() {
    
     setIframeHeight(document.getElementById('ifm'));
    
    };
     

  • 相关阅读:
    JavaScript解析顺序和变量作用域
    JS-BOM
    原生对象-Array
    JavaScript01
    css3动画
    scc的使用
    CSS3学习总结
    Js数组方法大全
    JavaScript判断变量是否为数组
    浏览器兼容性问题及解决方案
  • 原文地址:https://www.cnblogs.com/ttjm/p/7906581.html
Copyright © 2011-2022 走看看