JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

 更新时间:2011年07月04日 22:39:13   作者:  
callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.

方法回调:callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.
一 对JS脚本文件动态加载,当加载完成后,去回调一个函数

复制代码 代码如下:

<script>
/* js动态加载脚本库方法 */
function include_js(file) {
var _doc = document.getElementsByTagName('head')[0];
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', file);
_doc.appendChild(js);
if (!/*@cc_on!@*/0) { //if not IE
//Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload
js.onload = function () {
// …你的代码逻辑
}
} else { //IE6、IE7 support js.onreadystatechange
js.onreadystatechange = function () {
if (js.readyState == 'loaded' || js.readyState == 'complete') {
// …你的代码逻辑 //加载Jquery脚本库,完成后,执行jquery里的方法
$("#div1").html("ok");
}
}
}
return false;
} //execution function
include_js('http://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js');
</script>

二 动态加载IFRAME框架页,当加载完成后,去回调一个函数
复制代码 代码如下:

<script>
var iframe = document.createElement("iframe");
iframe.src = https://www.jb51.net;
if (iframe.attachEvent) {
iframe.attachEvent("onload", function () { // …你的代码逻辑 }); } else {
iframe.onload = function () {
// …你的代码逻辑
};
}
document.body.appendChild(iframe);
</script>

相关文章

  • js实现的后台左侧管理菜单代码

    js实现的后台左侧管理菜单代码

    这篇文章主要介绍了js实现的后台左侧管理菜单代码,可实现美观大气的左侧折叠菜单效果,涉及JavaScript基于鼠标事件动态操作页面元素样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • 一个js拖拽的效果类和dom-drag.js浅析

    一个js拖拽的效果类和dom-drag.js浅析

    最近完成了一个Drag类,可以实现指定对象的拖拽效果。
    2010-07-07
  • 现代 JavaScript 开发编程风格Idiomatic.js指南中文版

    现代 JavaScript 开发编程风格Idiomatic.js指南中文版

    下面的章节描述的是一个 合理 的现代 JavaScript 开发风格指南,并非硬性规定。其想送出的核心理念是高度统一的代码风格(the law of code style consistency)。
    2014-05-05
  • JS实现添加,替换,删除节点元素的方法

    JS实现添加,替换,删除节点元素的方法

    这篇文章主要介绍了JS实现添加,替换,删除节点元素的方法,实例分析了javascript针对节点元素的替换、删除及常用的几种添加技巧,需要的朋友可以参考下
    2016-06-06
  • JavaScript转换农历类实现及调用方法

    JavaScript转换农历类实现及调用方法

    农历是日常生活中不可或缺的一部分,它与人类的生活息息相关,从某种程度上说,它一直伴随着我们,今天的任务是JavaScript转换农历类的实现,感兴趣的你可以千万不要错过,希望本文对你有所帮助
    2013-01-01
  • 原生JS+Canvas实现五子棋游戏实例

    原生JS+Canvas实现五子棋游戏实例

    本篇文章主要介绍了原生JS+Canvas实现五子棋游戏实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Javascript代码实现仿实例化类

    Javascript代码实现仿实例化类

    这篇文章主要介绍了Javascript代码实现仿实例化类的相关资料并附上示例,非常不错的文章,需要的朋友可以参考下
    2015-04-04
  • JavaScript编写推箱子游戏

    JavaScript编写推箱子游戏

    本文给大家介绍的是使用javascript来实现一款经典的老游戏--推箱子,主要侧重于实现的思路,最后附上源码给大家。
    2015-07-07
  • 浅谈webpack4 图片处理汇总

    浅谈webpack4 图片处理汇总

    这篇文章主要介绍了浅谈webpack4 图片处理汇总,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 微信小程序数据分析之自定义分析的实现

    微信小程序数据分析之自定义分析的实现

    这篇文章主要介绍了微信小程序数据分析之自定义分析的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08

最新评论