父页面和子页面的传值和获取

js中子页面父页面方法 变量相互调用

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