子画面调用父画面的js方法

liying-yds 2021-08-27 原文

子画面调用父画面的js方法

这里有两种

1、是iframe的形式

　　就是在一个画面下，有多个iframe，形式就是我们日常用的邮箱的形式，在一个画面中可以打开多个tab页面。

此时调用父画面的方法用window.parent

——————————————————–

var openerWindow = window.parent;
openerWindow.GetDataByGoodsCode();

//GetDataByGoodsCode()是父画面的函数

——————————————————–

2、是open的形式

这种形式分为两种

①从一个A画面中弹出一个B画面

　　B画面调用A画面的js方法window.opener

——————————————————–

var openerWindow = window.opener;

openerWindow.GetDataByGoodsCode();

//GetDataByGoodsCode()是父画面的函数

——————————————————–

②弹出的是模态窗体

/*——————————js函数—————————————–*/

// 弹出模态窗口
function OpenModalDialog(url, width, height) {
    if (url.indexOf(“?”) != -1) {
        url = url + “&r=” + Math.random();
    }
    else {
        url = url + “?r=” + Math.random();
    }
    var dialogResult = window.showModalDialog(url, window, “dialogWidth=” + width + “px;dialogHeight=” + height + “px;status=no;help=no;scroll=no”);
    return dialogResult;
}

/*——————————js函数—————————————–*/

此时调用父画面的js方法就用window.dialogarguments

——————————————————–

var openerWindow = window.dialogArguments;

openerWindow.GetDataByGoodsCode();

//GetDataByGoodsCode()是父画面的函数

——————————————————–