javascript跨框架函数相互调用
来源: 阅读:1143 次 日期:2015-03-18 11:13:54
温馨提示: 小编为您整理了“javascript跨框架函数相互调用”,方便广大网友查阅!

javascript跨框架函数相互调用,具体代码如下:

var idName = "FrameCall";

var idNameAll= "#"+idName;

var ie = !-[1,];//是否ie

return{

apiOpen:function(){

var html = '<input id="FrameCall" type="hidden" action="1" value="1" onclick="FrameCall.api()" />';

$(html).prependTo('body');

},

//其他窗口调用该窗口函数,调用另一个frame的方法

api:function(){

var action = $(idNameAll).attr('action');

var value=$(idNameAll).attr('value');

var fun=action+'('+value+');';//拼装执行语句,字符串转换到代码

eval(fun);

},

//该窗口调用父窗口的子窗口api,调用iframe框架的js函数.封装控制器。

doFunction:function(iframe,action,value){

var obj = window.parent.frames[iframe].document;

obj=obj.getElementById(idName);

$(obj).attr("action",action);

$(obj).attr("value",value);

obj.click();

},

//该窗口调用父窗口的子窗口api,调用iframe框架的js函数.封装控制器。

doTopFunction:function(iframe,action,value){

var obj = window.top.frames[iframe].document;

obj=obj.getElementById(idName);

$(obj).attr("action",action);

$(obj).attr("value",value);

obj.click();

},

//该窗口调用父窗口的api

fatherFunction:function(action,value){

if (ie){//获取兄弟frame的dom树

var obj=window.parent.document;//IE

}else{

var obj=window.parent.document;//chrome safari firefox...

}

obj=obj.getElementById(idName);

$(obj).attr("action",action);

$(obj).attr("value",value);

obj.click();

},

//___自定义通用方法,可在页面定义更多提供给接口使用的api。

goUrl:function(url){

window.location.href=url;

},

goRefresh:function(){

window.location.reload();

}

}

})();

$(document).ready(function() {

FrameCall.apiOpen();

});

/*

* iframe之间函数调用

*

* main frame中每个frame需要name和id,以便兼容多浏览器

* 如果需要提供给其他frame调用,则需要在body中加入

* <input id="FrameCall" type='hidden' action='' value='' onclick='FrameCall.api()'/>

* 调用例子:Frame.doFunction('main','goUrl','"'+url+'"');该frame调用id为main的兄弟frame的goUrl方法,参数为后面的

* 参数为字符串时需要加引号,否则传过去会被理解成一个未定义变量

*/

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map