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 相关文章推荐
JavaScript更改class和id的方法
Oct 10 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
用JS创建一个录屏功能
Nov 11 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
博士208HAF收音机实习报告
2021/03/02 无线电
第九节--绑定
2006/11/16 PHP
用PHP生成静态HTML速度快类库
2007/03/18 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
Javascript中的相等与不等运算
2010/04/25 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
2013/06/25 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
Python删除n行后的其他行方法
2019/01/28 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
国际商务系学生个人的自我评价
2013/11/26 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
校园演讲稿汇总
2014/05/21 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang
利用Apache Common将java对象池化的问题
2022/06/16 Servers
Hive日期格式转换方法总结
2022/06/25 数据库