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 }; }