JS与JQ中iframe获取子父级页面元素的方法

JQuery


1. jquery 在iframe子页面获取父页面元素代码如下:


   $("#id", parent.document)    //获取父页面 $("#id")的元素


2. jquery在父页面 获取iframe子页面的元素


   $("#id",document.frames('iframename').document)   //获取子页面$("#id")的元素






JS


3.js 在iframe子页面获取父页面元素代码如下:


  window.parent.document.getElementById("元素id");




4.js 在父页面获取iframe子页面元素代码如下:


  window.frames["iframe_ID"].document.getElementById("元素id");




5、js在父窗口获取子窗口的window


   $("#testiframe")[0].contentWindow == document.getElementById("testiframe").contentWindow == window.frames[0]


   以上三种都可以获取子窗口的window




6.子类iframe内调用父类函数：


  window.parent.func();


7.父类iframe内调用子类函数：


  document.getElementById(子窗口 ifram 元素的ID值).contentWindow.子窗口中的方法()