jQuery iframe父页面和子页面相互调用

父页面调用子页面

根据iframe的id找到子页面，取子页面的内容

 $('#iframe_dept')[0].contentWindow

1. 调用函数（function）

    $('#iframe_dept')[0].contentWindow.函数名(参数)
    例如： $('#iframe_dept')[0].contentWindow.chooseDept();
   

2. 调用变量

   设置值：
    $('#iframe_dept')[0].contentWindow.变量名 = 值;
    例如： $('#iframe_dept')[0].contentWindow.num = 1;
    获取值
     var n = $('#iframe_dept')[0].contentWindow.变量名;
    例如：var n = $('#iframe_dept')[0].contentWindow.num;
   

3. 操作标签

    $('#iframe_dept')[0].contentWindow.$('#id').val('123');
   

子页面调用父页面

利用 window.parent获取父页面的内容

1. 调用函数（function）

   	window.parent.函数名(参数)
   	 例如： window.parent.showDept();
   

2. 调用变量

   设置值：
   	 window.parent.变量名 = 值;
   	 例如： window.parent.num = 1;
    获取值
     	var n = window.parent.变量名;
    	例如：var n =window.parent.num;
   

3. 操作标签

	window.parent.$('#id').val('123');