js中子页面父页面方法 变量相互调用(转)
2018-08-14 16:59
495 查看
原文:https://www.cnblogs.com/huangshuqiang/p/5734358.html
(1)子页面调用父页面的方法或者变量:
window.parent.方法()或者变量名
window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写
window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如:想在子页面中得到id为aaa的文本框的值 window.parent.$("#aaa").val();//这种写法的前提是引用了jquery window.parent.getElementById("aaa").value; //js的写法
(2)父页面调取子页面
主要是通过contentWindow定位到子页面
document.getElementById("childframe").contentWindow.childtest(); //调取子页面中的childtest方法 js的写法 1. 父页面获取子页面元素:(jquery写法) 格式:$("#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 方法
相关文章推荐
- js中子页面父页面方法和变量相互调用
- js中子页面父页面方法 变量相互调用
- 浅谈js中子页面父页面方法 变量相互调用
- 浅谈js中子页面父页面方法 变量相互调用
- 浅谈js中子页面父页面方法 变量相互调用
- js中子页面父页面方法 变量相互调用
- 浅谈js中子页面父页面方法 变量相互调用
- js父子页面相互调用变量及方法
- iframe父子页面相互调用的js方法
- 父子页面间相互调用js方法
- HTML父页面调用iframe子页面中js变量和方法
- asp.net中前台js变量与后台c#的相互调用方法
- iframe父子页面相互调用js方法
- JS跨页面调用变量的方法
- iframe父子页面相互调用js方法
- JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
- HTML父页面调用iframe子页面中js变量和方法
- iframe父子页面相互调用的js方法(二)
- 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数
- js与C#之间相互调用的一些方法