用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 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 进行局部刷新--(子页面,父页面变量和函数互相调用)
- JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- iframe中互相调用其他页面变量
- 解决同一页面中两个iframe互相调用jquery,js函数
- frameset,iframe框架之间如何互相调用变量、函数
- 【原创】iframe与父页面之间,变量、方法互相调用
- frameset,iframe框架之间如何互相调用变量、函数
- Html之frameset,iframe框架之间如何互相调用变量、函数-yellowcong
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- 用js互相调用iframe页面内的js函数
- JS备忘--子父页面获取元素属性、显示时间,iframe之间互相调用函数
- JS中跨页面调用变量和函数(例如a.js 和 b.js中互相调用)
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- NET中winform与webform互相通讯实例,CS调用BS页面的JS函数---转载
- javascript(js)iframe里的页面调用父窗口js函数的方法或弹出窗口调用父窗口js函数的方法
- 父页面调用iframe里的js函数
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- Firefox和IE,通过JavaScript调用iframe中页面的函数