用iframe 进行局部刷新--(子页面,父页面变量和函数互相调用)

（1）主页面（包含iframe）的初始化

           

           $("#myFrameId").attr("src", APP_PATH+'/adjustaccount/adjustInfo?account_period=201412');
});

（2）主页面上（包含iframe）的查询按钮

function query(){

               

             $("#myFrameId").attr("src", APP_PATH+'/adjustaccount/adjustInfo?account_period=201411');    

             //可以实现局部刷新-----只刷新iframe内容，主页面上其他内容不刷新。

}

(3) 子页面iframe上获取父页面元素 ------- jQuery window对象属性：parent：返回父窗口

       在子页面iframe上写如下代码： 

var year =parent.$("#year_m").val();
 var month=parent.$("#month_m").val();

(4) 父页面上获取子页面iframe上的元素 -------------------- jQuery

 

 在父页面上写如下代码：

$('#myFrameId').contents().find('#student_name').text();     --父页面获取子页面iframe上的属性student_name的文本值

 (5)

1、HTML语法：

2、父窗口调用子窗口函数：myFrame.window.functionName();

3、子窗品调用父窗口：parent.functionName();

简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行