浅谈js中子页面父页面方法 变量相互调用
2018-01-24 17:29
387 查看
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定位到子页面
frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.
document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法 js的写法
var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法 jquery的写法
//注释:其中 childframe和addFrame 都时iframe的id
作者:scgyus
转载请注明出处:http://blog.csdn.net/scgyus/
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定位到子页面
frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面.
document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法 js的写法
var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法 jquery的写法
//注释:其中 childframe和addFrame 都时iframe的id
方法一: window.frames[0].document.getElementById(‘xx');
方法二: window.frames[0].document.body.innerHTML; frm = window.parent.window.frames[‘uploadFrame']; frmDocument = frm.document; frm.sb(3); //sb 是uploadFrame页面里的一个函数如果是同一域下,但是子域名不同,那么涉及到的js,html文件都加上一句。
document.domain = xxx.com [这里填写你的域名] document.getElementById(‘iframeid').contentWindow.document.getElementById(‘someelementid');
作者:scgyus
转载请注明出处:http://blog.csdn.net/scgyus/
相关文章推荐
- 浅谈js中子页面父页面方法 变量相互调用
- 浅谈js中子页面父页面方法 变量相互调用
- js中子页面父页面方法和变量相互调用
- js中子页面父页面方法 变量相互调用(转)
- js中子页面父页面方法 变量相互调用
- js中子页面父页面方法 变量相互调用
- js父子页面相互调用变量及方法
- iframe父子页面相互调用的js方法
- HTML父页面调用iframe子页面中js变量和方法
- HTML父页面调用iframe子页面中js变量和方法
- 父子页面间相互调用js方法
- iframe父子页面相互调用js方法
- JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
- 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数
- iframe父子页面相互调用的js方法(二)
- JS跨页面调用变量的方法
- iframe父子页面相互调用js方法
- asp.net中前台js变量与后台c#的相互调用方法
- 把js文件编译成dll供页面调用的方法
- iframe 父页面与子页面之间的方法的相互调用