您的位置:首页 > 其它

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

2017-04-27 10:48 316 查看
(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上获取父页面元素 ------- jQuery
window对象属性: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.就行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  用iframe