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 相关文章推荐
用jquery来定位
Feb 20 Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
jquery.validate表单验证插件使用详解
Jun 21 jQuery
vue修改vue项目运行端口号的方法
Aug 04 Javascript
基于Vuex无法观察到值变化的解决方法
Mar 01 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
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
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
php 可变函数使用小结
2018/06/12 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
深入剖析JavaScript中的函数currying柯里化
2016/04/29 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
JS跳转手机站url的若干注意事项
2017/10/18 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
使用python实现knn算法
2017/12/20 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
python中的变量如何开辟内存
2018/06/26 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
Flask和pyecharts实现动态数据可视化
2020/02/26 Python
python文件编写好后如何实践
2020/07/07 Python
python绘制高斯曲线
2021/02/19 Python
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
为什么要使用servlet
2016/01/17 面试题
开业庆典邀请函
2014/01/08 职场文书
青年文明号事迹材料
2014/01/18 职场文书
临床护士自荐信
2014/01/31 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
校长新学期寄语2016
2015/12/04 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
利用JavaScript写一个简单计算器
2021/11/27 Javascript