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>
posted @ 2016-12-03 23:14  ☀Beans✡✌  阅读(401)  评论(0编辑  收藏  举报