(1)子页面调用父页面的方法或者变量:
window.parent.方法()或者变量名
window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写
window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById("aaa").value; //js的写法
(2)父页面调取子页面
主要是通过contentWindow定位到子页面
document.getElementById("childframe").contentWindow.childtest(); //调取子页面中的childtest方法 js的写法
1. 父页面获取子页面元素:(jquery写法)
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();
实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id
2. 父页面调用子页面方法:
格式:$("#iframe的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法
弹出的页面
//页面之间传值 function returnValue(id,name){ //获取id和name回显到父页面 //parent.window.$("#department_id").html(id); //parent.window.$("#department_name").html(name); //子页面调用父页面的方法父页面获取值进行赋值 window.parent.fuzhi(id,name); //在子页面中赋值 // $("#get_id").text(id); // $("#get_name").text(name); //获取父页面中的div parent.window.$("#fade").css("display","none"); }
父页面控制的页面
/** * 父页面获取弹出页面的id和name * @param id * @param name */ function fuzhi(id,name) { $("#department_id").text(id); $("#department_name").text(id); }