JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

  JQUERY IFRAME

  下面简单使用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>