定義標準介面 demo ...
定義標準介面
Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父頁面提供的標準介面函數名稱 */ Interface.ParentWin.funName = { getDataFun: "getDataFun", //子頁面調用，提供給子頁面的數據介面 updateDataFun: "updateDataFun", //子頁面調用，向父頁面提交數據介面 closeFun: "closeFun" //子頁面需要關閉時，調用父頁面的關閉視窗介面 } /** * 父頁面設置需要提供給子頁面的介面函數 * @param childWinId ：要使用的子頁面對應介面的id，該id需要與子頁面中定義的id一致 * @param functionName ： 需要註冊的回調函數名稱，介面名稱只能是Interface.ParentWin.funName中定義的名稱 * @param callbackFun ：子頁面數據向父頁面更新數據時的回調函數,介面入參為js對象 */ Interface.ParentWin.setFunForChild = function(childWinId, functionName, callbackFun) { if (comm.isEmpty(childWinId)) { alert("沒有為子頁面調用介面定義對象Id"); return; } //保存父頁面提供給子頁面調用的介面總對象 if (comm.isEmpty(window.childCallbackObj)) { window.childCallbackObj = {}; } //與指定子頁面對應的回調介面對象 var childCallbackObj = window.childCallbackObj; if (comm.isEmpty(childCallbackObj[childWinId])) { childCallbackObj[childWinId] = {}; } var childObj = childCallbackObj[childWinId]; if (!comm.isEmpty(childObj[functionName])) { alert("子頁面" + childWinId + " 所需調用介面已存在" + functionName); return; } //檢查介面是否為註冊的介面 for (var pro in Interface.ParentWin.funName) { if (Interface.ParentWin.funName[pro] == functionName) { childObj[functionName] = callbackFun; return; } } alert("子頁面 " + childWinId + " 所需調用介面未註冊：" + functionName + "。請檢查介面定義聲明對象。"); } /** * 檢查指定的子頁面調用介面是否存在 */ Interface.ChildWin.checkValid = function(childWinId, funName) { var parentWin = window.parent; var childCallbackObj = parentWin.childCallbackObj; if (comm.isEmpty(childWinId)) { alert("子頁面調用介面定義對象Id不能為空！"); return false; } if (comm.isEmpty(childCallbackObj)) { alert("父頁面調用介面定義的對象不存在"); return false; } var childObj = childCallbackObj[childWinId]; if (comm.isEmpty(childObj)) { alert("子頁面調用介面定義的對象不存在"); return false; } if (comm.isEmpty(childObj[funName])) { alert("父頁面調用介面定義不存在:" + funName); return false; } return true; } /** * 子頁面調用父頁面的介面函數 * @childWinId ：子頁面定義的自身頁面Id * @funcName ： 需要調用的回調函數名稱 * @params ： 需要傳遞的參數 * @return :如果函數有返回值則通過其進行返回 */ Interface.ChildWin.callBack = function(childWinId, funcName, params) { if (!Interface.ChildWin.checkValid(childWinId, funcName)) { return; } var parentWin = window.parent; var childObj = parentWin.childCallbackObj[childWinId]; return childObj[funcName].call(parentWin, params); }
demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>父頁面</title>
</head>
<body>
<script src="js/common.js"></script>
<script>
//傳給子頁面的值
Interface.ParentWin.setFunForChild("data", Interface.ParentWin.funName.getDataFun, function() {
return value;
});
//獲取子頁面函數並調用
window.fun;
Interface.ParentWin.setFunForChild("test",Interface.ParentWin.funName.updateDataFun,function(param){
fun = param;
});
//調用
var val = fun("1111");
console.log(val);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>子頁面</title>
</head>
<body>
<script src="js/common.js"></script>
<script>
//父頁面傳入數據
var data = Interface.ChildWin.callBack("data", Interface.ParentWin.funName.getDataFun);
console.log(data);
//提供給父頁面調用的函數
Interface.ChildWin.callBack("test",Interface.ParentWin.funName.updateDataFun,function(data){
alert(data);
var str = "xxx";
return str;
});
</script>
</body>
</html>
