zoukankan      html  css  js  c++  java
  • iframe

    一、 iframe 获得 父页的 元素:

      $('#主页元素的ID', parent.document).val();

    二、 iframe 获得 父页的 方法:
      parent.父页方法名字();
     
    三、 父页 获得 iframe 的 元素:
      1.  通过iframe的name来获得(注:不是ID,是name):
        $(window.frames["iframe的name"].document).find("#ifrme中元素的ID").val(); 
      2.  通过iframe的顺序来获得:
        var ii = document.getElementsByTagName_r('iframe')[0];
        var total = $('#iframe中元素的ID', ii.contentWindow.document).val();
      3. $('#iframe中元素的ID', window.frames["iframe的name"].document).val(); 
     
    四、 父页 获得 iframe 方法:
      window.frames["iframe_blBooking_name"].ifrme中的方法名字() ;
     
    五、 父页 刷新 iframe:
      window.frames["iframe_blBooking_name"].location.reload();
     
    六、 iframe 获得父亲也中另一个iframe
      1. js方法:
        parent.frames['iframe_DIYTable'].document.getElementById('west_DIYTable');
      2. jquery方法
        $(parent.frames['iframe_DIYTable'].document).find("#west_DIYTable").html(); 
    七、 iframe 中获得当前 iframe 的ID
      $(window.parent).find("iframe[src='b.html']").prop("id"); 
    父页
    <body>
        <input id="father" value=" i am the input in father"/>
        <iframe id ="iframe_id" name="iframe_name" frameborder=0
             src="${ctx}/iframe-EasyUi/blbooking_iframe.jsp"></iframe>
    </body>
    
    <script tyle="text/javascript language="javascript">
        // 获得iframe中的元素值
        var child1 = $(window.frames["iframe_name"].document).find("#child").val();
        var tmp = document.getElementsByTagName('iframe')[0]; 
        var child2= $('#child', tmp.contentWindow.document).val();
        var child3 = $('#child', window.frames["iframe_name"].document).val();
        // 获得iframe中的方法
        window.frames["iframe_name"].childFunc() ;
        // 重新加载iframe
        window.frames["iframe_blBooking_name"].location.reload();
        function fatherFunc(){
            alert("i am the function in father!");
        }
    </script>    

    iframe:

    <body>
        <input id="child" value=" i am the input in iframe"/>
    </body>
    
    <script tyle="text/javascript language="javascript">
        // 调用父页的元素值  
        var father_value= $('#father', parent.document).val();
        // 调用父页的方法
        parent.fatherFunc();
        function childFunc(){
        alert(i am the function in iframe);
    }
    </script>
  • 相关阅读:
    背景图轮播 响应式 插件 vegas的使用和下载
    (补充)scrapy框架爬取智联招聘信息--上海python工作
    REMOVE A WINDOWS SERVICE
    SQL Server 2008对日期时间类型的改进
    IIS ARR(Application Request Route)与反向代理(Reverse Proxy)
    Jenkins .NET项目持续集成配置
    未找到框架“.NETFramework,Version=v4.5”的引用程序集
    IIS ARR设置HTTP跳转到HTTPS
    怎么学好XXX
    MongoDB
  • 原文地址:https://www.cnblogs.com/MissRabbit/p/6129950.html
Copyright © 2011-2022 走看看