首页 > iframe 子页面调用父页面方法,window对象的指向问题

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

<script src='class.js'></script>
<iframe src='B.html'></iframe>

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

如果要改变iframe的页面指向,直接修改iframe的src属性不就行了


你的deepClone函数能把函数对象clone么?

【热门文章】
【热门文章】