html子页面调用父页面的方法吗,iframe 子页面调用父页面方法,window对象的指向问题...

具体是这样的,有A,B 两个页面,均在同一域下,B为A中通过iframe加载进来的页面。

A页面中加载了一个JS类Class.js文件,定义了一个类ObjectA,并实例化了一个全局对象a。ObjectA包含了一个方法redirect,内容为跳转页面到C.html去。

B页面中,通过deepClone方法,将父页面的对象a克隆到自己的window下,并调用redirect()。但是页面跳转是把父页面A跳转到C去,而不是我期望得到的子页面B跳转到C去,通过console.log输出window,依然是A.html,要如何才能达到A页面不变,跳转到C的过程在iframe中完成呢? 要求不能修改class.js的代码。在B中重新引入class.js,并再次实例化ObjectA是可以解决这个问题,但是有可能的话,我不想这么做。因为在实际应用中class.js的引入和实例化是很复杂的一个流程,我希望能直接复用父页面的对象而不要在子页面中重新引入并实例化。

示例代码如下

父页面A.html

class.js

var ObjectA= function(){

}

ObjectA.prototype.redirect = function(){

console.log(window);

window.location.href = 'c.html';

}

a = new ObjectA();

子页面B.html

function deepClone(obj){

var result,oClass=isClass(obj);

//确定result的类型

if(oClass==="Object"){

result={};

}else if(oClass==="Array"){

result=[];

}else{

return obj;

}

for(key in obj){

var copy=obj[key];

if(isClass(copy)=="Object"){

result[key]=arguments.callee(copy);//递归调用

}else if(isClass(copy)=="Array"){

result[key]=arguments.callee(copy);

}else{

result[key]=obj[key];

}

}

return result;

}

function isClass(o){

if(o===null) return "Null";

if(o===undefined) return "Undefined";

return Object.prototype.toString.call(o).slice(8,-1);

}

window.b = deepclone(window.parent.a);

window.b.redirect();//输出A.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值