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 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
JavaScript ES6中export、import与export default的用法和区别
Mar 14 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
JavaScript数据结构之栈实例用法
Jan 18 Javascript
怎样在vue项目下添加ESLint的方法
May 16 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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
php木马攻击防御之道
2008/03/24 PHP
PHP 解决session死锁的方法
2013/06/20 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
javascript iframe编程相关代码
2009/12/28 Javascript
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
JavaScript动态调整TextArea高度的代码
2010/12/28 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
详解vue-cli下ESlint 配置说明
2018/09/03 Javascript
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
python自动翻译实现方法
2016/05/28 Python
python清除函数占用的内存方法
2018/06/25 Python
Python文件常见操作实例分析【读写、遍历】
2018/12/10 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
python创建n行m列数组示例
2019/12/02 Python
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
几个MySql的面试题
2013/04/22 面试题
咖啡厅创业计划书范本
2014/01/22 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
消防标语大全
2014/06/07 职场文书
音乐学专业求职信
2014/07/22 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
八年级英语教学反思
2016/02/15 职场文书
Python之matplotlib绘制折线图
2022/04/13 Python