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


Posted in Javascript onJuly 04, 2011

方法回调: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://3water.com; 
if (iframe.attachEvent) { 
iframe.attachEvent("onload", function () { // …你的代码逻辑 }); } else { 
iframe.onload = function () { 
// …你的代码逻辑 
}; 
} 
document.body.appendChild(iframe); 
</script>
Javascript 相关文章推荐
HTML TO JavaScript 转换
Jun 26 Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
js控制的遮罩层实例介绍
May 29 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
vue axios同步请求解决方案
Sep 29 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 Javascript
jQuery 对Select的操作备忘记录
Jul 04 #Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 #Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 #Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 #Javascript
js 字符串转化成数字的代码
Jun 29 #Javascript
js的一些常用方法小结
Jun 29 #Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
You might like
php+mysql 实现身份验证代码
2010/03/24 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
PHP实现微信发红包程序
2015/08/24 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
限制文本框输入N个字符的js代码
2010/05/13 Javascript
js下写一个事件队列操作函数
2010/07/19 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
Javascript中this关键字的一些小知识
2015/03/15 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
js实现简单折叠、展开菜单的方法
2015/08/28 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
详解Angular CLI + Electron 开发环境搭建
2017/07/20 Javascript
AngularJS中filter的使用实例详解
2017/08/25 Javascript
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
python创建n行m列数组示例
2019/12/02 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
python实现打砖块游戏
2020/02/25 Python
python关于变量名的基础知识点
2020/03/03 Python
Python可以用来做什么
2020/11/23 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
学习演讲稿范文
2014/05/10 职场文书
环保建议书500字
2014/05/14 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
病危通知书样本
2015/04/17 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
详解Java实践之适配器模式
2021/06/18 Java/Android
Windows server 2012搭建FTP服务器
2022/04/29 Servers
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server