jquery 父、子页面之间页面元素的获取,方法的调用
2017-08-31 14:36
477 查看
一、jquery 父、子页面之间页面元素的获取,方法的调用:
1. 父页面获取子页面元素:
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();
实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id
2. 父页面调用子页面方法:
格式:$("#iframe的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法
3. 子页面获取父页面元素:
格式:$("#父页面元素id" , parent.document);
实例:$("#pBtnOk" , parent.document).click(); // pBtnOk 为父页面标签 id
二、原生 js 父页面元素的获取,方法的调用:
1. 子页面调用父页面方法:
格式:parent.父页面方法
实例:parent.pClick(); // pClick 为父页面 js 方法
2. 子页面获取父页面元素:
格式:window.parent.document.getElementById("父窗口元素ID");
实例:window.parent.document.getElementById("pBtnOk");// pBtnOk为父页面标签 id
1. 父页面获取子页面元素:
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();
实例:$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 <iframe> 标签 id; iBtnOk 为子页面按钮 id
2. 父页面调用子页面方法:
格式:$("#iframe的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法
3. 子页面获取父页面元素:
格式:$("#父页面元素id" , parent.document);
实例:$("#pBtnOk" , parent.document).click(); // pBtnOk 为父页面标签 id
二、原生 js 父页面元素的获取,方法的调用:
1. 子页面调用父页面方法:
格式:parent.父页面方法
实例:parent.pClick(); // pClick 为父页面 js 方法
2. 子页面获取父页面元素:
格式:window.parent.document.getElementById("父窗口元素ID");
实例:window.parent.document.getElementById("pBtnOk");// pBtnOk为父页面标签 id
相关文章推荐
- jquery 父、子页面之间页面元素的获取,方法的调用、
- jquery 父、子页面之间页面元素的获取,方法的调用
- jquery 父、子页面之间页面元素的获取,方法的调用
- jquery 父、子页面之间页面元素的获取,方法的调用:
- iframe父、子页面之间页面元素的获取及方法的调用 jquery
- 转:jquery 父、子页面之间页面元素的获取,方法的调用
- jquery 父、子页面之间页面元素的获取,方法的调用
- jquery 父、子页面之间页面元素的获取,方法的调用
- jquery 父、子页面之间页面元素的获取,方法的调用
- iframe父页面与子页面之间的元素获取与方法调用
- 六)iframe 及父子页面之间获取元素、方法调用
- JS备忘--子父页面获取元素属性、显示时间,iframe之间互相调用函数
- jQuery获取页面元素绝对与相对位置的方法
- Jquery中获取当前页面某iFrame内部元素的方法
- Jquery调用iframe父页面中的元素及方法
- Jquery 获取 iframe 父页面与子页面的元素和方法
- 使用jQuery获取父页面元素及子页面元素的方法
- Jquery 获取 iframe 父页面与子页面的元素和方法
- jQuery 获取 iframe 父页面与子页面的元素和方法
- Jquery调用iframe页面方法、获取节点操作