zoukankan      html  css  js  c++  java
  • JQuery操作iframe父页面与子页面的元素与方法

    http://blog.csdn.net/zyw745293/article/details/5714306

    下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现。

    第一、在iframe中查找父页面元素的方法: $('#id', window.parent.document)

    第二、在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox")

    第三、在iframe中调用父页面中定义的方法和变量: parent.method parent.value

    iframe里用jquery获取父页面body
    iframe.html
    <html> 
    
    <script src='jquerymin.js'> </script> 
    
    <body id='1'>    
    
     <div>it is a iframe</div> 
    
    </body>    
    
    <script>     
    
    $(document).ready( function() {                     
    
    var c = $(window.parent.document.body) //麻烦的方法:
    
     var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了                     
    
    alert(c.html());         
    
    } );     
    
    </script> 
    
    </html>

    content.html

    <html>     
    
    <script src='jquerymin.js'> </script> 
    
    <body id='fa'>     
    
    <iframe src='iframe.html' width='100' height='100'></iframe>     
    
    <br>         
    
    <br>             
    
    <br>             
    
    <div id='mydiv'>content iframe</div> 
    
    </body>    
    
    <script>     
    
    function a(){         
    
    alert(1);     
    
    }     
    
    alert($(document).text());     
    
    </script> 
    
    </html>
  • 相关阅读:
    “Metro”,移动设备视觉语言的新新人类
    三个排序
    window.location.reload;刷新
    2012年7月4日
    PDO基础(一)
    php数组
    smarty(原理概述)
    php函数
    jquery Poshy Tip
    WAMP:PHP基础(一)
  • 原文地址:https://www.cnblogs.com/dview112/p/3254881.html
Copyright © 2011-2022 走看看