父页面、子页面 获取对象方法总结

1. 父页面获取子页面对象

$("#id_iframe").contents().find("#id_button_test");

 

2. 子页面获取父页面对象

var $iframe = $(".parentId", parent.document);
//对应的javascript版本为:
var iframe = window.parent.document.getElementById("parentId");
//取父窗口的父窗口的元素：
var $iframe = $(".parentId", parent.parent.document);

//类似的，获取其他窗口的方法大同小异：
$(selector, window.parent.document); // 获取iframe父窗体元素
$(selector, window.opener.document); // 获取通过windows.open()打开的父窗体
$(selector, window.dialogArguments.document); // 获取通过 showModelDialog()打开的父窗体

 

 

iframe的onload事件，因为IE跟其他浏览器的处理方式不大一样，所以稍微有些麻烦：

  var iframe = $("#id_iframe")[0];
  if (iframe.attachEvent) {  // for IE
      iframe.attachEvent("onload", function () {
          // do your task
      });
  } else {
      iframe.onload = function () {
          // do your task
      };
  }