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

来源:互联网 发布:java以空格分隔字符串 编辑:程序博客网 时间:2024/05/17 06:47

(1)主页面(包含iframe)的初始化

          <iframe id="myFrameId"></iframe> 

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

(2)主页面上(包含iframe)的查询按钮

function query(){

              <iframe id="myFrameId"></iframe> 

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

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

}


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

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

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



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

<iframe id="myFrameId"></iframe> 

 在父页面上写如下代码:

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


 (5)

1、HTML语法:<iframe name="myFrame"></iframe>

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

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

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


0 0