浅谈js中子页面父页面方法 变量相互调用

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

方法一：
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/