JS关闭父iframe窗口

Posted 幽默是一种心情

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS关闭父iframe窗口相关的知识,希望对你有一定的参考价值。

 (1)子页面调用父页面的方法或者变量:

    window.parent.方法()或者变量名
    例如:想在子页面中得到 id 为 aaa 的文本框的值
    window.parent.$("#aaa").val();//这种写法的前提是引用了jquery
    window.parent.getElementById("aaa").value; //js的写法

(2)父页面调取子页面 

   主要是通过contentWindow定位到子页面

   document.getElementById("childframe").contentWindow.childtest();
   //调取子页面中的 childtest 方法 js 的写法
   var childWindow = $("#addFrame")[0].contentWindow;    //获取子窗体中的对象
   childWindow.formSubmit();     //调取子页面的formSubmit方法 jquery的写法
   //注释:其中 childframe和addFrame 都时iframe的id

(3). JS关闭父iframe窗口

function cancel() {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        }
       parent.window.location.href = document.referrer;   //刷新父页面
       parent.layer.msg(resp.msg, { offset: ‘300px‘ });
 

 














以上是关于JS关闭父iframe窗口的主要内容,如果未能解决你的问题,请参考以下文章

js如何实现父窗口前端显示,如果父窗口关闭则重新打开

单击 iframe 按钮关闭父窗口

js子窗口关闭,父窗口跳转指定页面

js页面的父窗口如何控制关闭window.showModalDialog弹出的子窗口

firefox下如何关闭子窗口刷新父窗口? - 技术问答

asp.net 如何 刷新并关闭父页面?