原生js与jquery操作iframe

1  原生js获取iframe的window对象

//方法1
document.getElementById('iframeId').contentWindow;
//方法2
window.frames['iframeName']

2  原生js  iframe与父窗口操作

  2.1 父窗口操作IFRAME:window.frames["iframeId"].document
  2.2  IFRAME操作父窗口: window.parent.documen

 

3   jquery方法

    3.1 在父窗口中操作 选中IFRAME中的所有输入框

     $(window.frames["iframeSon"].document).find(":text");

     $(“#iframeId”).contents().find(':text')

    3.2 在IFRAME中操作 选中父窗口中的所有输入框

   $(window.parent.document).find(":text");

    3.3 根据iframename取得其中ID为"testId"元素

     $("#testId", document.frames("iframename").document).html(); 

     $(window.frames["iframeName"].document).find("#testId").html() 

你可能感兴趣的:(jquery)